今天在写板子的时候,列表采用了ias无限加载,可是lightcase浮窗插件对新内容不识别
jQuery ias和ajax有点区别,ajax可以重载 ias好像是不能。 没办法,最后找到的界面方案就是,监控文章列表外部div中,里面内容发生变化,就等于jQuery ias加载完成,然后就可以执行浮窗初始化函数。
<div class="wrapper"> 无限加载内容 </div>
$(".o-wrapper").bind('DOMNodeInserted', function() { //对浏览器dom监控的方法 $('a[data-rel^=lightcase]').lightcase();//简单例子 $('a[data-rel="lightcase:example_group"]').lightcase({showSequenceInfo:false}); $('#example1').lightcase({transition : 'fade'}); });
图片懒加载同理
$(".cont-left").bind('DOMNodeInserted', function() { //对浏览器dom监控的方法 $("img.lazy").lazyload(); //重新加载,对未处理的图片进行渲染 });
纠正错误 ias可以重载
ias.on('rendered', function(items) { $(".content img").lazyload({ effect: "fadeIn", failure_limit : 10 }); //这里是你调用Lazyload的代码或 者其他代码 })