JQ加载分页时，加载内容图片的lazyload懒加载效果
- 2,241
今天遇到一个问题，就是用JQ AJAX加载下一页时，加载内容的图片无法正常使用懒加载…
出现两种情况：
1、无法加载图片，在AJAX加载的异步内容，无法加载图片
2、整页图片刷新，在AJAX内添加懒加载
$("img.lazy").lazyload({effect:"fadeIn"})一整个页面的图片都会重新加载一次，这并不是想要的理想效果。
于是就去搜索解决方案
可惜：现在的搜索引擎，很多内容都已经无法搜索到了，这也许就是翻墙也要去ChatGPT的原因之一吧？
短视频时代，已经有很少人在写文字了吗？能翻到的东西还是很早之前的，翻来覆去的被复制黏贴，以前经常关注的几个博客站，也都不更新了。
问下百度的AI伙伴，答案并非想要的结果，也许我的提问有问题？
它是不是在给我解释了一次什么时懒加载？
本想着翻墙出去看看ChatGPT是怎么说的，发现梯子不行了。
又花了几个小时的时间去找资料，但还是没有找到相关解决方法，突然想到了一个问题。
既然是通过class类lazy来通知lazyload插件来懒加载图片，是否可以通过移除lazy这个class类来断开懒加载？修改JQ代码，先懒加载，加载完移除class类lazy。
$("img.lazy").lazyload({effect:"fadeIn"})
$("img.lazy").removeClass("lazy");前端显示正常.
在AJAX中也添加这句移除class类lazy。
之后在加载中就不会刷新已经加载的图片
连接起来试试效果：
$("img.lazy").lazyload({effect:"fadeIn"}).removeClass("lazy");前端刷新，图片正常加载。
想一想，有时候换一种思路，或许就真的可以解决很大的问题。
声明：博客中如无特殊说明或标注的文章均为博客原创文章，部分文章来源互联网，如有侵犯您的版权，或者对零分博客发布的文章有异议，请来信告知删除、修改，如您有好的建议或者意见也可以来信，谢谢！
请TA喝杯水^_^
如本文“对您有用”，欢迎随意打赏，让我们坚持创作！
请TA喝水![]()
