javascript - VVO Lazyload 在页面加载时加载所有图像

Question

我正在使用 VVO 的延迟加载 http://vvo.github.io/lazyload/很长一段时间以来，但对于这个特定页面，我不知道出了什么问题。它在页面加载时加载所有图像，这些图像应该是延迟加载的。在网站的其他页面上它运行良好。

我什至尝试过使用自定义初始化、更改偏移量和视口(viewport)容器，但没有用。我的文档在页面加载时也不会自动滚动。

此网站主页 Winni.in 出现问题

横幅下方有 3 行产品，其中最后 2 行的产品图像应仅在页面滚动时延迟加载。但它仍然在页面加载时加载所有图像

Answer 1

在页面滚动上，您可能会从 AJAX 加载动态元素。VVO Lazyload - 默认情况下，lzld(this) 不适用于动态元素。

对于动态元素，您必须再次手动调用 lzld(imagelement)。

示例:-

//在 AJAX 成功函数中添加以下代码
$('#dynamic_content img').each(function(index,element) {
lzld(元素)；
});