首页 > 教程 >
dedecms列表页加载更多功能的实现
2023-03-02教程围观次
简介dedecms列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。步骤如下:1、在头部加入js代码以及引入js文件。jquery-ias.min.jsJavaScriptvarias=$.ias({container:".listbox",item:".item",pagination:".pagelist",next:".pagelis
dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
步骤如下:
1、在</head>头部加入js代码以及引入js文件。
jquery-ias.min.js
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('/<ashref=(['"]?).+?1/', '$0', @me);{/dede:pagelist} |
效果即实现。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
- WordPress主题 JustNews5.2.2 + QAPress问答插件适合源码站虚拟资源站个人博客
- ThinkPHP高仿蓝奏云网盘系统源码/对接易支付系统程序
- 最新JustMedia V2.7.3主题破解版去授权WordPress主题模板
- 最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
- 自带多平台解析接口短视频去水印图集水印小程序源码下载
- TooNaughty网址导航主题/WordPress主题下载
- 最新短视频去水印小程序源码/带流量主/外卖CPS系统/批量解析/修改MD5
- 某鱼最近卖的很火蓝色版微信去水印小程序源码+接口
- 最新版去水印小程序源码/基于WordPress的短视频去水印小程序源码
- 起点导航系统源码最新V2.6开源可运营版