Escribí un código para addClass a los elementos para abrir un iFrame importado por Shopify en WordPress y funciona. Pero ahora, quiero cerrar el iFrame eliminando la clase en el elemento de mi sitio web. He probado muchas cosas pero no funciona
Aquí está mi código:
jQuery(document).ready(function( $ ) { $(document).ready(function() { $('.cart-button').click(function() { $('.shopify-buy-cart-wrapper').addClass('is-active is-visible'); $('.shopify-buy-cart-wrapper iframe').addClass('is-block'); return false; }); //$("iframe").contents().find("button .shopify-buy__btn--close").click(function(){ $('.shopify-buy__btn--close').click(function() { $('.shopify-buy-cart-wrapper').removeClass('is-active is-visible'); $('.shopify-buy-cart-wrapper iframe').removeClass('is-block'); }); }); });Abrir carrito funciona, pero ahora quiero cerrar el carrito
Si desea eliminar varias clases con jQuery removeClass() , debe pasarlas como una matriz, no como una cadena.
Además, cualquier detector de eventos debe adjuntarse solo después de que el elemento se haya insertado en el DOM. Si define el detector de eventos pero el elemento se crea después, no funcionará.