Lazy Load jQuery 플러그인에 대한 스크롤 이벤트 트리거

Question

나는 함께 일하고 있다 지연 로드 이미지가 표시될 때만 로드하고 팝아웃 메뉴에서 처음 표시되는 이미지는 로드되지 않습니다.모든 이미지는 다음 위치에 있습니다. <li> 순서가 지정되지 않은 목록의 요소입니다.목록을 아래로 스크롤하기 시작하면 이미지가 정상적으로 로드되기 시작합니다.하지만 메뉴가 처음 열릴 때 몇 개의 첫 번째 이미지가 표시되도록 하려면 어떻게 해야 합니까?

나는 scroll 다른 이벤트와 함께 이벤트가 발생했지만 그 중 어느 것도 작동하지 않는 것 같습니다.그만큼 <ul> "정보 표시줄"(페이지 상단에 링크가 있는 표시줄)에서 팝업되는 메뉴 내에 있습니다.아마도 이것이 페이지 로드 시 해당 이미지(이미지)가 쉽게 표시되지 않는다는 사실과 관련이 있을 것이라고 생각하고 있었습니다.

내 지연 로드 초기화는 다음과 같습니다.

$("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 속성을 확인한 다음 해당 이벤트를 트리거하면 행운이 없습니다.

Answer 1

두번째 this.list 당신이 잘못 가고있는 곳입니다.지연 로드가 작동함 <img> 요소가 켜져 있지 않음 <ul>

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