@makedonets

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

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

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

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

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


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы