Как применить скрипт для динамически загружаемого контента?

Question

[makedonets]

Доброго время суток. Подскажите пожалуйста, вопрос связан с делегированием.
На страницу ajaxом подгружаются статьи при нажатии на кнопку. Со статьей подгружается некоторое изображение. Для изображение использую плагин lazyload, но плагин срабатывает только для изначально загруженных изображений. Как лучше поступить в такой ситуации?
Назначить событие onclick на кнопку "Загрузить еще" и внутри поместить вызов плагина? Или есть другие варианты?

Comments

[Rustam Bainazarov]

Попробуйте заменить плагин на нормальный. Либо вызывать его инициализацию снова после получения данных.

[Rustam Bainazarov]

Вот этот отлично работает с динамикой безо всяких лишних взаимодействий:
https://github.com/aFarkas/lazysizes

Он просто следит за появлением новых элементов автоматически.

[xmoonlight]

Рустам Байназаров, в ответ!

[Rustam Bainazarov]

xmoonlight, хорошо :))

Answer 1

[Rustam Bainazarov]

Попробуйте заменить плагин на нормальный.

Например, вот этот отлично работает с динамикой безо всяких лишних взаимодействий:
https://github.com/aFarkas/lazysizes

Он просто следит за появлением новых элементов автоматически. Lazysizes — самый популярный плагин для ленивой загрузки в мире. Поддержка браузеров — начиная с IE10. Если подключить полифил, то будет IE8+. Об этом всём написано на странице проекта.

Вот древнее демо (не моё) того, как сей плагин работает с динамически созданным DOM:


Если не хотите менять плагин — нужно вызывать его инициализацию снова после получения данных и формирования DOM. Или делать модификацию плагина, чтобы он умел следить за новыми объектами.

Comments

[makedonets]

Благодарю