首页 > 教程 >

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}
 
效果即实现。

下载链接:网站源码/小程序源码/网站模板下载

Tags: 多功能 列表 实现 加载