Нужна помощь с плагином Advanced AJAX Product Filters for WooCommerce?

Question

[pavlikmd]

Есть сайт xn--d1asacbf5i.xn--p1ai/product-category/picca при клике на фото открывается модальное окно с карточкой товара, при клике на заказать товар добавляется в корзину. Есть слева фильтр по атрибутам товара. При клике на любой фильтр все работает, появляются товары с выбранным атрибутом, но тогда слетают все скрипты, при клике на фото товара окно не открывается, кнопка заказать не работает. В чем может быть проблема ?

Answer 1

[Денис]

А дело, собственно, в неправильной установке обработчика событий. Для динамически добавляемых элементов документа, необходимо использовать делегированную обработку событий. Это когда обработчик устанавливается не на сам элемент, а на его родительский элемент. По сути, обработчик, например, click, можно установить даже на document, но во избежание непредвиденных ситуаций, лучше устанавливать на ближайшего статичного "родителя", т.е. тот родительский элемент, который был при первоначальной загрузке DOM.

$('.parent_static').on('event', '.child_dynamic_elements', handler);

Comments

[pavlikmd]

о каком обработчике идет речь ?

[pavlikmd]

у этого плагина подключено 5 скриптов, в них может быть пролема ?
woocommerce-ajax-filters/js/admin.js
woocommerce-ajax-filters/js/scrollbar/Scrollbar.concat.min.js
woocommerce-ajax-filters/js/widget.min.js
woocommerce-ajax-filters/js/bootstrap.min.js
woocommerce-ajax-filters/js/mobiles.min.js

[pavlikmd]

все мои скрипты которые писал я, обработчики click на своих местах, тогда получается дело в плагине ?

[Денис]

pavlikmd: у вас есть обработчик клика на фото и кнопке заказать. Вот о них речь и идет. В каком они файле - вам должно быть лучше знать, чем мне.

[pavlikmd]

у меня на кнопку заказать стоит вот такой обработчик

jQuery( ".category .main-content .itemProd .buy-block .bigBuyBtn" ).click( function($) {
$.preventDefault();
var product_id = jQuery(this).attr('data-id');
var qty = jQuery(this).attr('data-qty');

это начало кода, как он может повлиять на эту проблему ?

[pavlikmd]

впринципе решил проблему костылем, в плагине есть такая штука как "запустить скрипты после фильтра", вот я туда вписал скрипты которые нужно запускать и уже все работает. Вроде проблема решена, спасибо что толкнули в нужное русло.