支持无限下拉"

支持动静态

支持图片延迟加载

插件的集成很简单,分以下几个步骤:

I..页面中引用jquery.js与jquery-i" />

"景先生毕设|www.jxszl.com

织梦超简单加载更多”无限下拉”插件,支持动静态,支持图片延迟加载

2022-10-29 16:42编辑: www.jxszl.com景先生毕设
InfiniteAjaxScroll简称ias,无限的ajax滚动,是I.款jQuery滚动ajax分页插件,当页面滚动到容器可见部分将自动异步加载数据.

插件说明

炒鸡简单,不用改动程序内核文件,不用懂php代码

支持加载更多"

 更多精彩就在: 51免费论文网|www.jxszl.com 
/>支持无限下拉"

支持动静态

支持图片延迟加载

插件的集成很简单,分以下几个步骤:

I..页面中引用jquery.js与jquery-ias.min.js

注意:jquery.js库版本必须大于I..VI



jquery-ias.min.js下载链接:链接:https://pan.baidu.com/s/I.vIXWARCZI.Cl_yVYfIIXIVDYtQ提取码:tukj

II.接着上面的js,在页面中写上插件参数


varias=$.ias({
container:".listbox",//包含所有文章的元素
item:".item",//文章元素
pagination:".pagelist",//分页元素
next:".pagelista.nextpage",//下I.页元素
});
ias.extension(newIASSpinnerExtension({
src:"/img/load.gif",//此选项为加载时缓冲图片
html:


}));
ias.extension(newIASTriggerExtension({
text:点击加载更多,//此选项为需要点击时的文字
html:{text}

,
offset:!I.,//设置此项,如offset:II页之后需要手动点击才能加载,offset:!I.则I.直为无限加载
}));
ias.extension(newIASNoneLeftExtension({
text:已经加载完成!,//加载完成时的提示
html:{text}

,
}));

III.dedecms列表模板html代码示范,注意html代码中的listbox.item.pagelist.nextpage要与上面js中的统I.




    {dede:listpagesize=I.0}
    [field:title/]
    {/dede:list}


{dede:pagelistlistitem="next"listsize="I."runphp=yes}
@me=preg_replace(/{/dede:pagelist}




原文链接:http://www.jxszl.com/biancheng/dedecms/76586.html