Question

我正在使用Lazy Load Plugin让jQuery在滚动页面时加载imgs。另外，我希望在用户单击锚点（以防止不必要的内容加载）时，将图像从库加载到容器，通过.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 });
    });
});

为the doc says（在最底部），添加skip_invisible:false以解决您的问题

并且gallery.php上没有javascript

Answer 2

您可能需要yepnopejs来控制加载顺序

jQuery使用延迟加载插件从外部文件加载图像

2 个答案: