我正在使用lazyload.js 库来延迟加载动态加载到无限 ScrollView 中的图像。当我开始滚动并加载下一页结果后,延迟加载工作得很好。
初始加载时,图像不会延迟加载,直到窗口中发生某些操作,无论是轻微滚动,单击容器中的可单击元素等。如果我在对 的调用上放置一个计时器$('.lazy').lazyload()
,它工作正常,但我不想这样做(这非常hacky)。
初始加载后,如果我从 javascript 控制台运行 $(window).resize()
,图像加载得很好,但即使我在初始加载后在代码中执行此操作,这是行不通的。
有没有办法可以强制图像在初始加载时延迟加载?
请注意,图像是在初始页面加载后通过 AJAX 调用放置到页面上的。
最佳答案
我个人并不喜欢lazyload.js(性能糟糕),但它实际上应该可以开箱即用。加载应在文档准备好时触发。
鉴于 resize
似乎也不起作用,您能否验证这些事件是否真正触发?也许你的 HTML 有问题(文档类型,或者天知道是什么)。
关于javascript - lazyload.js 需要在初始加载时显示图像的操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38001342/