使用http和lazyload加载图片大概效果能实现，不过由于延迟加载有的图片被加载了两次，有的图片加载不了

Question

使用http和lazyload加载图片大概效果能实现，不过由于延迟加载有的图片被加载了两次，有的图片加载不了

我用本地json来模拟数据的，如下图

Answer 1

答案找到了，我的pageIndex应该是httpRequest请求成功之后再++，而不是在document.onscroll函数里面++，这样保证数据加载成功再调用它，就不会引起加载图片错乱了。

Answer 2

可能是循环内多次调用了$('img').lazyload()导致错乱了。

当for循环结束、img标签都生成完毕后，再调lazyload()：

for (...) {
    ...
}
$('img').lazyload(); // 操作所有img集合，为页面上每个img标签调lazyload()

如果还是想放里面的话：

for (...) {
    ...
    $(oImg).lazyload(); // 操作本次循环的单个img
    
}

希望对你有帮助。