Как имитировать «DomContentLoaded»?

Question

[Denys]

Есть модуль LazyImage - ставит заглушку и меняет на картинку после срабатывания события "DomContentLoaded", но появился новый модуль - кнопка "показать еще". Товары подргужаются через ajax по клику, но вместо картинок грузится заглушка и не меняется т.к. нет события "DomContentLoaded".

Как имитировать событие "DomContentLoaded"?

Comments

[FeST1VaL]

А ты уверен что на твои картинки вообще навешан плагин? на подгружаемые? Тк чаще всего некоторые забывают что события навешиваются при загрузке страницы, а при добавлении новых блоков типо через ajax, на них нету событий и как вариант сделать реинициализацию

[Rustam Bainazarov]

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

Вообще, куча есть плагинов, которые умеют наблюдать за динамическим добавлением новых элементов.

[Denys]

Артем Будин, уверен, я например меняю событие dom на skroll и все работает, но правда после скрола

[Rustam Bainazarov]

Denys, так нельзя делать. Ничего эмулировать не надо и на скролл тоже не надо вешать. Просто замените плагин на тот, который умеет в MutationObserver.

Например:
https://github.com/aFarkas/lazysizes

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

[Denys]

Рустам Байназаров, сделал, вроде норм, работает, спасибо!

Answer 1

[xmoonlight]

1. Вынесите обработчик события DomContentLoaded в отдельную функцию
2. Вызывайте её после клика.

Comments

[Denys]

вопрос как? у меня плохо с javascript

[xmoonlight]

Denys, у меня - тоже. Учите.

[Denys]

xmoonlight, ну я типа пробовал через event и через trigger, не сработало. Гуглил, не нашел.

[xmoonlight]

Denys, правьте код в модуле LazyImage так, как я описал!