首页 网站建设正文

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

piaodoo 网站建设 2020-05-06 21:41:45 310 0 织梦教程

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

edecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。

 

步骤如下:

 

1、在</head>头部加入js代码以及引入js文件。

 

jquery-ias.min.js

 

JavaScript

 

var ias = $.ias({

 

 

container: ".listbox",

 

 

item: ".item",

 

 

pagination: ".pagelist",

 

 

next: ".pagelist a.next",

});

ias.extension(new IASSpinnerExtension({

 

 

src: "/images/loadinglit.gif", 

 

 

html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'

}));

ias.extension(new IASTriggerExtension({

 

 

text: '点击加载更多', 

 

 

html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',

 

 

offset: !1, 

}));

ias.extension(new IASNoneLeftExtension({

 

 

text: '没有更多了,已经加载完!', 

 

 

html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',

}));

 

{dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}

 

{dede:pagelist listitem="next" listsize="1" runphp="yes"}

@me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);

{/dede:pagelist}

 

效果即实现。


 

版权声明:

本站所有资源均为站长或网友整理自互联网或站长购买自互联网,站长无法分辨资源版权出自何处,所以不承担任何版权以及其他问题带来的法律责任,如有侵权或者其他问题请联系站长删除!站长QQ754403226 谢谢。

本文链接:https://www.piaodoo.com/9903.html

评论