资源网 / 学习笔记 / jQuery插件在jQuery ias中使用方案

jQuery插件在jQuery ias中使用方案

【摘要】 浮窗插件或者懒加载在jQuery ias中使用方案今天在写板子的时候,列表采用了ias无限加载,可是lightcase浮窗插件对新内容不识别jQuery ias和ajax有点区别,......

浮窗插件或者懒加载在jQuery ias中使用方案

今天在写板子的时候,列表采用了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的代码或 者其他代码
    })


展开内容
本文标签: 网页教程 无限加载
版权声明:《 jQuery插件在jQuery ias中使用方案 》为作者 思源哥哥原创文章,转载请注明原文地址!
免责声明:思源资源网提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件(y#isiyuan.net)与我们联系处理。
本文地址:https://www.isiyuan.net/xxbj/74.html
分享到:
打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

文章页下横幅广告1
评论 (1)