使用ajax后，lazyload.js失效，怎么解决

JavaScript021

使用ajax后，lazyload.js失效，怎么解决,第1张

根据你的描述，应该是你代码写的顺序有问题。首先，你图片应该是ajax获取路径之后动态添加到页面上的吧，如果是这样，那么你可能就是在ajax返回图片路径并添加到页面之前执行了$("img.lazy").lazyload()这句话。图片都没有加载到，肯定失效了。

所以，你应该在ajax返回图片路径，并添加到页面上之后，在执行懒加载初始化的语句。希望能帮到你。【我只是猜测】

//前提引入jqurey.js 和 jquery.lazyload.js

<script src="jquery-1.11.0.min.js"></script>

<script src="jquery.lazyload.js?v=1.9.1"></script>

//然后，

<script type="text/javascript" src="<?php bloginfo('template_directory')?>/js/jquery.lazyload.js"></script>

<script type="text/javascript">

$(function() {

//$("img")是某个标志，你可以换成别的对象（$("#id")）

$("img").lazyload({

effect : "fadeIn"

})

})

</script>