遅延ロードjQueryプラグインのスクロールイベントをトリガーします
-
21-12-2019 - |
質問
遅延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
を使用してプラグインを初期化し、そのイベントをトリガーして、運がなかった。
解決
2番目のthis.list
はあなたが間違っているところです。遅延ロードは<img>
要素で動作し、<ul>
$("img.lazy", this.list).trigger("scroll"); // should work
. 所属していません StackOverflow