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}??
效果就可以实现了,仅供大家参考学习,希望对你有所帮助


上一篇:DEDECMS文件保存目录直接转英文的方法

下一篇:织梦dede:php标签中调用其他普通标签和页面相关变量及全局配置的变量


Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器