导读:织梦技术织梦技术dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。 步骤如下: 1、在/head头织梦模板网站织梦模板。
dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
步骤如下:
1、在</head>头部加入js代码以及引入js文件。
jquery-ias.min.js 下载地址
JavaScript
var ias = $.ias({
container: ".listbox",
item: ".item",
pagination: ".pagelist",
next: ".p织梦模板网agelist 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 IASNoneLeftExte织梦网站模板nsion({
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,模板 |
效果即实现。相关织梦模板网站织梦模板。
关键词标签: 织梦 标签 加载
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-18 ,文章dedecms列表页加载更多功能的实现,织梦技术主要讲述加载,标签,织梦网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_28912.html