Activación de evento de desplazamiento para el complemento jQuery de carga diferida

Question

estoy trabajando con Carga lenta cargar imágenes solo cuando estén visibles y las imágenes que son visibles por primera vez desde un menú emergente no se están cargando.Todas las imágenes se encuentran dentro <li> elementos en una lista desordenada.Cuando empiezo a desplazarme hacia abajo en la lista, las imágenes comienzan a cargarse como deberían.Pero, ¿cómo puedo hacer para que se muestren las primeras imágenes cuando se abre el menú por primera vez?

He intentado activar el scroll evento, junto con otros eventos, pero ninguno de ellos pareció funcionar.El <ul> se encuentra dentro de un menú que aparece en una "barra de información" (solo una barra con enlaces en la parte superior de la página).Estaba pensando que tal vez esto tuviera algo que ver con el hecho de que ellas (las imágenes) no son fácilmente visibles al cargar la página.

Aquí está mi inicialización de carga diferida:

$("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

También intenté inicializar el complemento con mouseenter y scrollstop como el event propiedades, luego desencadenando esos eventos, sin suerte.

Answer 1

El segundo this.list es donde va mal.La carga perezosa funciona en los elementos <img> y no en <ul>

$("img.lazy", this.list).trigger("scroll"); // should work