php - 遅延読み込みプラグインを使用して jQuery が外部ファイルから画像を読み込む

Question

ページがスクロールされたときにimgsをロードするために、jQueryのLazy Load Pluginを使用しています。さらに、.load() 関数を使用して、ユーザーがアンカーをクリックしている間 (不要なコンテンツの読み込みを防ぐため)、ギャラリーからコンテナーに画像を読み込みたい:

$('#category_1').load('gallery.php?a=1');

私の問題は、 .load() 関数<script>がロードされたコンテンツからタグを削除し、Lazy Load プラグインを使用して画像をロードできないという事実です。

<img src="blank.gif" data-original="img.png" alt="img" />
<script> $('img').lazyload({ effect : 'fadeIn' }); </script>

<script>それで、コンテンツが読み込まれるファイルにタグを入れることができると思ったのですが、うまくいきません。

そのような問題に遭遇した人はいますか？ご挨拶

Answer 1

にコールバック関数を追加するのはどう.loadですか?

$('#category_1').load('gallery.php?a=1', function() {
   $('#category_1 > img').lazyload({ effect : 'fadeIn' });
});

pastebin に投稿したコードを見て更新
すると、index.php の 14 行目になります。

$("#loadpic").click(function() { 
    $("#page").load ("gallery.php", function() {
        $("#page").find("img").lazyload({ effect : "fadeIn", skip_invisible : false });
    });
});

ドキュメントが言うように（一番下にあります）、skip_invisible:false問題を解決するために追加してください

gallery.php には JavaScript はありません。

Answer 2

読み込み順序を制御するにはyepnopejsが必要かもしれません