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} |
效果即实现。
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)