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}
效果即实现。
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » dedecms列表页加载更多功能的实现
