dedecms列表页加载更多功能的实现
?dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,今天教大家实现dedecms列表加载更多功能,本次织梦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}??
效果就可以实现了,仅供大家参考学习,希望对你有所帮助
下一篇:织梦dede:php标签中调用其他普通标签和页面相关变量及全局配置的变量