javascript - lazyload.js 需要在初始加载时显示图像的操作

Question

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

初始加载时，图像不会延迟加载，直到窗口中发生某些操作，无论是轻微滚动，单击容器中的可单击元素等。如果我在对 的调用上放置一个计时器$('.lazy').lazyload()，它工作正常，但我不想这样做(这非常hacky)。

初始加载后，如果我从 javascript 控制台运行 $(window).resize() ，图像加载得很好，但即使我在初始加载后在代码中执行此操作，这是行不通的。

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

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

Answer 1

我个人并不喜欢lazyload.js(性能糟糕)，但它实际上应该可以开箱即用。加载应在文档准备好时触发。

鉴于 resize 似乎也不起作用，您能否验证这些事件是否真正触发？也许你的 HTML 有问题(文档类型，或者天知道是什么)。