dedecms列表页加载更多功能的实现

softyun3年前cms教程48

 dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,今天教大家实现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}  
效果就可以实现了,仅供大家参考学习,希望对你有所帮助

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

dede采集数据时出现正文内容为空的解决办法

织梦dedecms采集数据时出现正文内容为空的解决办法:在将dedecms自带的采集工具 采到的数据导入后发现部分内容为空,也就是body段是空的,600多条数据,要一个一个找,当然会累死啊在后台执行...

织梦DedeCms附件按月份保存的修改方法

给大家教一下织梦DedeCms附件按月份保存的修改方法,希望对你有帮助正常情况下,dedecms织梦系统的图片附件是按日保存的,一天一个文件夹, 时间长了, 这样在allimg中就会生成很多文件夹,...

DEDECMS 5.3采集教程

大家好,我是之前做DEDE5.1的精绝,今天再次免费奉献DEDE5.3采集教程!!我对DEDE程序充满感激,但是报答无门,自己才疏学浅,因此,也尽自己所能去帮助所有使用DEDE程序的朋友。借着自己对P...

DedeCms调用Discuz论坛主题等数据方法总结

同时使用Dedecms和Discuz论坛的朋友,难免要在网站内调用论坛的内容.使用Discuz论坛的JS调用方式,对搜索引擎不够友好,下面我们来说如何在DedeCms中调用Discuz论坛的数据.说明...

让v5.01的搜索更准确一些

新版本的dedecms5.01更改了默认的搜索模式,所以大家都反映搜索出来的结果不准确。 大家如果认真看一下高级搜索里面的:关键字模式: 或 与 如果关键字超过3个,用默认的“或”搜索出来的结果将很不...

dede首页调用文章标题|概述|所在栏目

织梦dedecms这里运用到的标签是{dede:arclist}{/dede:arclist},不需要修改数据库。实现只调用频道ID为10,11下的文章,排列顺序为按发布时间,降序排列,栏目标题、栏目...