У меня есть страница со списком продуктов WooCommerce с фильтром продуктов. Фильтр товаров работает на Ajax. Ajax влияет на список товаров — перезагрузите список новыми позициями. Мне нужно добавить класс к элементам, на которые влияет Ajax. Для этого я использую jQuery «ajaxComplete». Но после завершения события Ajax класс селектора не добавляется к элементам.
Похоже, что jQuery не «видит» весь HTML-код, сгенерированный кодом Ajax. Как я могу это получить?
PS: Я не могу вносить какие-либо изменения в код Ajax, потому что это код WordPress/WooCommerce, и я не хочу его менять.
Вот упрощенный код для начала:
Мои продукты
Название продукта
Название продукта ... jQuery(документ).ready(функция($) { jQuery(".item").addClass("size_2x1"); // применяем класс. После применения фильтров товаров этот класс удаляется. }); jQuery(документ).on("ajaxComplete", function() { jQuery(".item").addClass("size_2x1"); // не работает jQuery("h1").hide(); // работает });
Мобильная версия