lazyload ajax 失效 没有延迟加载

分页展示图片列表,每页数据通过ajax获取,加载到dom后所有图片都一次性全部加载了,没有延迟加载

materials.content.append(html);
$("img.lazyimg").lazyload({
    effect: 'fadeIn',
});

原因分析,因为没有在页面上展示,已经执行lazyload,当在页面展示时,认为所有图片都在可视范围内,故触发加载图片的事件

解决办法: 在图片显示在dom中之后调用lazyload

 Lazyload: function () {
    setTimeout(function () {
        $("img.lazyimg").lazyload({
               effect: 'fadeIn',
        });
     }, 100);
}

希望能帮助一些小伙伴解决问题
阅读 2.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题