Часть страницы подгруженна через ajax. После создания DOM представлений новые элементы не реагируют на js функции и вызовы можно ли это исправить?

Question

[Михаил Анискин]

Есть часть страницы (вывод товаров после фильтра с пагинацией) загруженная через ajax нужно что-бы ява на номерах страниц работала. Как это можно сделать.

Comments

[Сергей Сергей]

переназначать обработчики кликов на пагинаторе с задержкой 20-100 мс для ожидания переработки текста в ДОМ.

Answer 1

[Тимур Худиев]

Если совсем уж примитивно и используется jQuery, то вешать обработчик событий через documentнапример.

$(document).on('click', '.selector', function(){
//
})

Comments

[Михаил Анискин]

Из всех предложенных вариантов этот оказался мне самым понятным и доступным. Спасибо.

Answer 2

[Rsa97]

Вешать обработчик на родительский статический элемент и использовать всплытие событий.

Answer 3

[Kotaro Hiba]

Если костылем то можно через setTimeout , а так по идее там где идёт работа с Аяксом делать функции ассинхронными и юзать await