jQuery.lazyload懒加载插件在jQuery ias中使用方案

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

html的结构大概如下：

<div class="cont-left">
    文章列表内容
</div>

js代码：

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

具体的效果，看我博客现在的界面就知道了。