Lazyload在点击后加载所有图像

Question

请参阅此网址 click here

使用lazyload加载视频占位符图片。

向下滚动页面时效果很好，但如果单击过滤器选项，则在您再次滚动之前，不会加载页面下方的图像。

例如，请按照以下步骤操作......

加载页面，然后滚动点击“其他”过滤器。您将看到第二张图片未加载。

我尝试添加以下代码。但没有任何反应。这是为什么？

$(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();

});