Tengo una función llamada onAddressChange() que se ejecuta cuando un DOM está listo 2 veces. No quiero eso porque un mensaje de éxito que he insertado debería aparecer solo cuando la función se activa después de que un cliente haga clic en el cambio.

¿Hay alguna forma de evitar ingresar a esta función después de inicializar el DOM o algo así? No quiero que aparezca el mensaje de éxito la primera vez que se carga la página.

 define([ 'jquery', 'Magento_Checkout/js/action/select-billing-address', 'mage/translate' ], function($, selectBillingAddress, $t) { 'use strict'; return function(Component) { return Component.extend({ onAddressChange: function(address) { this._super(); // showing succes message let messageSucces = $t('Your billing address has been updated'); setTimeout(function() { $('.checkout-billing-address .billing-address-details').after('<div class="billing-address-msg">' + messageSucces + '</div>'); }, 1000) } }); } });

en otra expresión, cómo hacer que este código no funcione las dos primeras veces, por ejemplo