JS: addEventListener load и ajax, что делать если при работе ajax, это событие никогда не наступит?

Question

[shirotora]

Добрый день!

Столкнулся с такой ситуацией, что скрипты, которые ждут перезагрузки страницы не будут вызваны повторно, когда работает ajax. Ну или если быть более точным, то у меня работает pjax на yii2. И при рендере контента, без перезагрузки страницы, у меня слетают слушатели и не инициализируются повторно.

Вопрос, могу ли я как-то понять в служебной информации, что страница имеет некий статус done?

Comments

[Дмитрий Марков]

К новым элементам нужны новые прослушиватели

[shirotora]

Дмитрий Марков, хм, похоже вы правы. Я принял кнопку, которая постоянно рендерится, за статичную ("показать фильтр")
Но это не снимает вопроса. Что бы повесить слушатель на новый элемент, мне пришлось это скрипт инлайнить.
Но я хочу управлять этим процессом из js файла, а не из php файла. Как тогда мне понять, что элемент пропал и появился снова, если страница не перезагружалась? Следить за мутацией ноды? Есть другие варианты?

[Дмитрий Марков]

После каждого рендера можно удалять все прослушиватели и весить заново. И повесятся уже с учётом новых элементов

[shirotora]

Дмитрий Марков, ну вопрос в том и стоит, как понять, что reload был.

Answer 1

[Stalker_RED]

Попробуйте повесить слушателей не на сами элементы, а на их родительский контейнер. Хоть сразу на document.
https://jsfiddle.net/pjyhgae8/