单击后延迟加载所有图像

Question

查看此网址： click here

视频占位符图像正在使用延迟加载加载。

当您向下滚动页面时它可以正常工作，但是如果您单击过滤器选项，则页面下方的图像在您再次滚动之前不会加载。

例如按照以下步骤...

加载页面，然后在不滚动的情况下单击“其他”过滤器。您将看到第二张图片未加载。

我已尝试添加以下代码。然而什么也没有发生。这是为什么呢？

$(document).on('click', '#portfolio-filter a', function() {

            alert("clicked!");

            $("img.lazy").lazyload({
                bind: "event",
                delay: 0
            });

     });

Answer 1

在onclick事件中只需调用lazyload函数来触发加载，就像触发另一个事件一样，调用不带参数的函数：

$(document).on('click', '#portfolio-filter a', function() {

    alert("clicked!");

    $("img.lazy").lazyload();

});