Запуск события прокрутки для плагина jQuery с отложенной загрузкой
-
21-12-2019 - |
Вопрос
Я работаю с Отложенная Нагрузка загружать изображения только тогда, когда они видны, а изображения, которые первыми появляются во всплывающем меню, не загружаются.Все изображения расположены внутри <li>
элементы в неупорядоченном списке.Когда я начинаю прокручивать список вниз, изображения начинают загружаться так, как должны.Но как мне показать несколько первых изображений при первом открытии меню?
Я пытался вызвать scroll
событие, наряду с другими событиями, но ни одно из них, похоже, не сработало.Тот самый <ul>
находится в меню, которое появляется на "информационной панели" (просто панели со ссылками в верхней части страницы).Я подумал, может быть, это как-то связано с тем фактом, что они (изображения) плохо видны при загрузке страницы?
Вот моя инициализация lazyload:
$("img.lazy", this.list).show().lazyload({
effect: "fadeIn",
container: this.list,
threshold: 50
});
$(this.list).trigger("scroll"); // tried this
$(document).trigger("scroll"); // and that
// this.list is the unordered list
Я также попытался инициализировать плагин с помощью mouseenter
и scrollstop
в качестве event
свойства, затем запускаю эти события, но безуспешно.
Решение
Второй this.list
вот где вы идете не так.Отложенная загрузка работает на <img>
элементы, а не на <ul>
$("img.lazy", this.list).trigger("scroll"); // should work