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

softyun3年前cms教程47

 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:field name='source' runphp='yes'}if(@me == "") @me = "";else @me = "来 源:".@me;{/dede:field}{de...

DedeCmsV5.1函数及文件参考手册

文件:include/inc_function.php 系统默认会载入此文件 GetCurUrl() 获得当前的脚本的URL GetAlabNum($str) 把字符串里的全角数字转为半角数字(会把非...

织梦dedecms使用百度编辑Ueditor设置代码高亮教程

教大家一下织梦dedecms使用百度编辑Ueditor设置代码高亮教程的方法,有需要的可以试一下织梦dedecms系统,去年出了个神器百度编辑器(Ueditor),当时看到该编辑器觉得界面、功能都做的...

织梦DEDECMS站群增强版 DedeCMS搭建站群首选

织梦CMS是一款优秀的开源建站程序,用户众多,功能强大。因为是开源程序,而且用户众多,所以研究DEDECMS漏洞的网友也多,再加上DEDECMS功能模块众多,也埋下了不少安全隐患,偶尔会爆出一些新的漏...

Dedecms文章内容分页{dede:pagebreak/}显示页数设置方法

内容里分页很多,分页的地方显示很多,很不美观,做板子的时候遇到这个问题,百度了一下,发现不少朋友也都在为文章内容页pagebreak分页数太多烦恼,那么能不能控制Dedecms文章内容分页{dede:...

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

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