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

});