分页展示图片列表,每页数据通过ajax获取,加载到dom后所有图片都一次性全部加载了,没有延迟加载
materials.content.append(html);
$("img.lazyimg").lazyload({
effect: 'fadeIn',
});
原因分析,因为没有在页面上展示,已经执行lazyload,当在页面展示时,认为所有图片都在可视范围内,故触发加载图片的事件
解决办法: 在图片显示在dom中之后调用lazyload
Lazyload: function () {
setTimeout(function () {
$("img.lazyimg").lazyload({
effect: 'fadeIn',
});
}, 100);
}
希望能帮助一些小伙伴解决问题