零分杂记

今天遇到一个问题，就是用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");

前端刷新，图片正常加载​。

想一想，有时候换一种思路，或许就真的可以解决很大的问题​。