欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

dedecms列表页加载更多功能的实现

相关案例演示
dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
 
步骤如下:
 
1、在</head>头部加入js代码以及引入js文件。
 
jquery-ias.min.js    下载地址
 
JavaScript
 
 
01 var ias = $.ias({
02     container: ".listbox",
03     item: ".item",
04     pagination: ".pagelist",
05     next: ".pagelist a.next",
06 });
07 ias.extension(new IASSpinnerExtension({
08     src: "/images/loadinglit.gif",
09     html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
10 }));
11 ias.extension(new IASTriggerExtension({
12     text: '点击加载更多',
13     html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
14     offset: !1,
15 }));
16 ias.extension(new IASNoneLeftExtension({
17     text: '没有更多了,已经加载完!',
18     html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
19 }));
 
找到
 
1 {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
 
修改为
 
 
1 {dede:pagelist listitem="next" listsize="1" runphp="yes"}
2         @me = preg_replace('/<ashref=(['"]?).+?/', '$0', @me);
3 {/dede:pagelist}
 
效果即实现。
作者:欣怡建站 挑错 时间:2018-04-01 23:33
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服