带有懒负载插件的外部文件的jQuery加载图像

Question

我正在使用懒负载插件供jQuery加载页面时加载IMG。另外，我想在用户单击锚点（以防止不必要的内容加载）时，将图像从图库中加载到容器中，.load（）函数：

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

我的问题是事实，来自加载内容的.load（）函数条 <script>标签，并且图像无法使用懒负载插件加载。

<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

Answer 2

也许您需要yepnopejs来控制加载顺序