lazyload懒加载图片每页最后一页加载不了
ajax提交表单,在js文件里把返回数据循环读取显示到data-original,页面加载lazyload.js文件,js文件里图片调用lazyload函数
代码如下:
data.data是ajax提交请求之后返回的数据
for(var p = 0;p<data. data.length;p++){
var div = $('<li><div class="goods-img"><a href="/score/indexgood?p_id='+data.data.data[p]['p_id']+'#aa"><img class="lazy"src="/images/score/grey.gif" data-original="'+data.data.data[p]['product_small_image']+'" /></a></div><div class="goods-desc clearfix"><div class="goods-info"><div class="goods-title" title="'+data.data.data[p]['product_name']+'">'+text+'</div><div class="goods-price"><span>'+data.data.data[p]['price']+'</span>积分</div></div></div><div class="goods-btn"><a data='+data.data.data[p]['p_id']+' href="javascript:void(0);" onclick="getproductToshoppingcart(this);" >立即兑换</a></div></li>');
$("img.lazy").lazyload({
effect: "fadeIn"
});
}