lazyload懒加载,怎么支持ajax获得的新内容?
现在问题是:
1、老的内容已经$("img.lazy").lazyload({effect: "fadeIn"});
过了
2、ajax获取之前的内容也增加了$("img.lazy").lazyload({effect: "fadeIn"});
3、ajax获取内容后,也增加了$("img.lazy").lazyload({effect: "fadeIn"});
3、最后会出现之前获取的内容,在ajax获取内容后,又会重新加载一遍?
求助该如何实现,仅让ajax获取的内容来lazyload加载
4.ajax({
type: "POST",
dataType: "json",
url: "{:url(url)}" ,
data: { 'pages': pages },
success:function(data){
if(data.state==1){
html="测试";
$("#list").append(html);
$("img.lazy").lazyload({effect: "fadeIn"});
}else{
html += "<div class=\"weui-cells__title\" style=\"text-align: center;\">已无更多数据</div>";
$("#list").append(html);
loading = true;
}
$(".weui-loadmore").hide();
}