织梦DedeCMS 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦DedeCMS实现点击下拉加载更多主要用到js技术。
步骤如下:
1 | 在头部加入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.jpg", html: ''}));ias.extension(new IASTriggerExtension({ text: '点击加载更多', html: '', offset: !1, }));ias.extension(new IASNoneLeftExtension({ text: '没有更多了,已经加载完!', html: '',}));
找到
{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}
效果即实现。