jquery - jquery lazyload プラグインが正しく動作しない

Question

jquery lazyload プラグインを使用しています。ページの読み込み時にプラグインが機能しません。そして、自分の Web サイトの [ホーム] タブをクリックしたときにのみ機能します。これらは私のソース コードのスニペットです。

 $(function() {
      $("img.lazy").lazyload();
  });

document.getElementById(merchantLogoId).innerHTML = ("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">");

何が問題であり、これに対する可能な回避策を知っている人はいますか?

Answer 1

効果を設定する必要があります：

$("img").lazyload({effect : "fadeIn"});

Firefoxでテスト済み...これが役立つことを願っています..

Answer 2

もう少し情報を提供できますか？jFiddle が便利です

おそらくjqueryを使用して画像を追加し、画像が追加された後にlazyloadを配置します.....

頭のてっぺんから！

 $(function() {

      $("#merchantLogoId").html("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">");

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

Answer 3

document.read() 内にラップしてみてください

$(document).ready(function() {
      $("img.lazy").lazyload();
  });