Ajax刷新div元素内容后lazyload延迟加载图片无法显示的问题

没错，博客界面更换了，今天早上应该是因为各种原因出现了长时间的图片不显示故障，总之折腾了许久修复了这个问题，但还是因为cdn的原因，图片总是不能及时加载，所以决定用图片懒加载插件来协助解决。但是很快新的情况就出现了，因为我使用的是文章无限加载，新加载出的内容，JQuery.lazyload是无法去识别操作的，只有在加载完成后，再执行一次lazyload()。说起来简单，实际上JQuery ias和Ajax不太一样，看官方文档也没有提过如何是判断加载是否完成，也没地方定义方法。 没办法，多次测试之后，找到的界面方案就是，监控文章列表外部div中，里面内容发生变化，就等于jQuery ias加载完成，然后就可以执行Lazyload()。 HTML的结构大概如下：



js代码：

1. $(".cont-left").bind('DOMNodeInserted', function() {  //对浏览器dom监控的方法
   
2.     $("img.lazy").Lazyload();  //重新执行懒加载，对未处理的图片进行渲染
   
3. });

复制代码

或者是在Ajax提示加载完成后加入

1. $("img.lazyload").lazyload();

复制代码

即可解决lazyload无法加载图片的问题!