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

});