遅延ロードjQueryプラグインのスクロールイベントをトリガーします

Question

遅延load を読み込むには、表示されているときだけ画像をロードします。ポップアウトメニューから最初に表示されていますがロードされていません。すべての画像は、順序付けられていないリストの<li>要素内にあります。リストを下にスクロールし始めると、画像は必要なときにロードを開始します。しかし、メニューが最初に開かれたときに表示する最初の画像がいくつか表示されますか？

scrollイベントを他のイベントとともにトリガーしようとしましたが、それらのどれも仕事をしていないようでした。 <ul>は、「Infobar」から出たメニュー内にあります（ページ上部にあるリンク付きのバーだけ）。私は彼らがページの荷重にすぐに見えないという事実を使って何かをしていたと思っていましたか？

これは私の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を使用してプラグインを初期化し、そのイベントをトリガーして、運がなかった。

Answer 1

2番目のthis.listはあなたが間違っているところです。遅延ロードは<img>要素で動作し、<ul>

ではありません。

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

.