LazyLoad Last alle Bilder nach dem Einschalten klicken

Question

diese URL anzeigen:click here

Der Video-Platzhalter Bilder werden geladen lazyload verwenden.

Es funktioniert gut, wenn Sie die Seite nach unten scrollen, aber wenn Sie auf die Filteroptionen klicken, werden die Bilder, die weiter unten auf der Seite sind, nicht geladen, bis Sie erneut scrollen.

Zum Beispiel gehen Sie folgendermaßen vor ...

Seite laden, dann mit Klick auf den „Misc“ ausfiltern zu scrollen. Sie werden sehen, dass das zweite Bild nicht geladen wird.

Ich habe versucht, den folgenden Code hinzuzufügen. Es passiert jedoch nichts. Warum ist das?

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

      alert("clicked!"); 

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

    }); 

Answer 1

Im Onclick-Ereignis rufen Sie die lazyload Funktion der Last auszulösen, wie wenn Sie ein anderes Ereignis wurden Auslösung, rufen Sie die Funktion ohne Parameter:

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

    alert("clicked!"); 

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

});