Как изменить HTML после завершения события Ajax в WooCommerceJquery

Программирование на jquery
Ответить
Anonymous
 Как изменить HTML после завершения события Ajax в WooCommerce

Сообщение Anonymous »


У меня есть страница со списком продуктов 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(); // работает });
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»