2

我正在使用jQuery 的延迟加载插件在页面滚动时加载 imgs。另外，我想通过 .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>标签放在加载内容的文件中，但它不起作用。

有人遇到这样的问题吗？问候

4

2 回答 2

2

添加回调函数.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

于 2012-10-29T15:05:22.777 回答
0

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

于 2012-10-29T15:29:29.453 回答