lazyload.js需要采取措施在初始加载时显示图像

Question

我正在使用lazyload.js库来延迟加载动态加载到无限滚动视图中的图像。在我开始滚动并加载下一页结果后，延迟加载工作正常。

在初始加载时，图像不会延迟加载，直到窗口中发生某些操作，无论是轻微滚动，单击容器中的可点击元素等等。如果我在调用{{1它工作正常，但我不想这样做（它非常hacky）。

初始加载后如果我从javascript控制台运行$('.lazy').lazyload()，图像加载就好了，但即使我在初始加载后在代码中执行此操作，它也不起作用。

有没有办法可以在初始加载时强制图像延迟加载？

请注意，在初始页面加载后，通过AJAX调用将图像放置在页面上。

Answer 1

我个人不是lazyload.js的粉丝（性能可怕），但实际上应该开箱即用。应在文档就绪时触发加载。

鉴于resize似乎无法正常工作，您是否可以验证这些事件是否真的发生了？也许你的HTML（doctype，或者上帝知道什么）就会出现问题。