lazyload.js需要在初始加載時顯示圖像的動作

Question

我使用lazyload.js庫來延遲加載動態加載到無限滾動視圖的圖像。在我開始滾動並加載下一頁結果之後，延遲加載就可以正常工作。

在初始加載時，圖像不會延遲加載，直到窗口中出現一些動作，無論是輕微滾動，點擊容器中的可點擊元素等。如果我在$('.lazy').lazyload()的調用中放置了定時器，它工作正常，但我不想這樣做（這很哈克）。

初始加載後，如果我從JavaScript控制檯運行$(window).resize()，圖像加載得很好，但即使我在初始加載後在代碼中執行此操作，它也不起作用。

有沒有一種方法可以在初始加載時強制圖像延遲加載？

請注意，在通過AJAX調用初始頁面加載後，圖像被放置到頁面上。

Answer 1

我個人不是lazyload.js的粉絲（表現是糟糕的），但實際上它應該是開箱即用的。準備就緒時應該觸發加載。

既然resize似乎也沒有工作，你可以驗證這些事件實際上是火嗎？也許有些東西與你的HTML（doctype，或者是天知道的）有關。