jQuery插件在jQuery ias中使用方案

访客3年前黑客资讯624

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

今天在写板子的时候,列表采用了ias无限加载,可是lightcase浮窗插件对新内容不识别

jQuery ias和ajax有点区别,ajax可以重载 ias好像是不能。 没办法,最后找到的界面方案就是,监控文章列表外部div中,里面内容发生变化,就等于jQuery ias加载完成,然后就可以执行浮窗初始化函数。

大概结构

<div class="4eb4-f5fc-0273-730e 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的代码或 者其他代码
    })


相关文章

bing每日一图做网站背景

bing图片,清晰而且精美,做背景是不错的选择,而且每日一图 ps:选择强迫症的读音 第一步:创建一个bing.php文件,放入下列代码 <?php $str=file_get_conte...

简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法

1.$.getJSON   $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: $.getJSON(       url,             ...

限制标题文字字数css或php

首先说一下css限制字数的方法 因为如果你需要限制字符 本人建议使用css Css好处是隐藏文字 并不是去截字符 所以对SEO优化有很大的好处的 text-overflow 1、clip:表示不显示省...

好看的进度环返回按钮

在杨小杰博客看到的 在以前某博客的某页面也见过类似效果 分享给大家 大致原理就是根据滚动距离和文档高度排定滚动百分比然后绘制画布,百分比数字是用data储存并使用css的 content属性实现...

一言简单用法

给网站引入一言 随机一句话 <html>   <head>   <script src="http://libs.baidu.com/jquery/2.0.0/jqu...

一键还原B站BV号为AV号HTML网页源码

本文是分享:一键还原B站BV号为AV号HTML网页源码 快速还原BV为AV号,现在替换BILIBILI视频网页链接中的BV号为AV号依旧可以访问。 源码为网络看到,暂不明确作者。api调用地址:htt...