Запуск события прокрутки для плагина jQuery с отложенной загрузкой

StackOverflow https://stackoverflow.com//questions/25039602

Вопрос

Я работаю с Отложенная Нагрузка загружать изображения только тогда, когда они видны, а изображения, которые первыми появляются во всплывающем меню, не загружаются.Все изображения расположены внутри <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
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top