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

softyun3年前cms教程46

 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}  
效果就可以实现了,仅供大家参考学习,希望对你有所帮助

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

相关文章

FCK编辑器,弹出'未知工具栏项目'的解决方法

 在Google Chrom内核的浏览器下,编辑内容的时候总是提示 未知工具栏项目 XX.然后新增加的FCK编辑器插件无法使用,但是在IE下没有这个问题.找遍整个网络没找到解决方法,自己研究半天,总算...

dedecms编码转换方法 gbk转UTF-8,UTF-8转GBK

经常遇到编码转换的问题,有的是购买了模板但是模板编码与程序编码不符,导致出现乱码. 今天这篇教程,我来教大家如何转换模板文件的编码和程序的编码. 1.如何转换模板文件编码? 首先下载一个编码转换软件 ...

DedeCms教程:Ubuntu/Debian上安装 PHP 5.3, Nginx 和 PHP-fpm

  尽管Apache已经占据半片江山,但很多人仍然在寻找其他的方式去托管他们的站点,Apache不只是一个选择,其他很多优秀的服务器程序例如lighthttp和nginx也是不错的选择。本教程将要...

默认隐藏部分内容,点击展开更多JS代码

 织梦dedecms这个js适合列表页或首页模板,不仅可以解决页面过长,又有利于搜索引擎抓取足够多的内容。两个部分分享给大家:html部分:!DOCTYPE HTML> <html>...

DedeCms教程:友情链接插件使用说明

织梦dedecms友情链接插件使用说明 织梦系统内置里很多对建站非常有益的插件,友情链接是最深受广大站长朋友欢迎和使用的插件之一。下面以DedeCMSV5.7为例,带着一起来熟悉这个插件。GIF图...

织梦推荐属性默认加粗的修改

如果使用的是织梦的默认模板,列表页的文章标题不管你是否设置加粗,或是是否选择了推荐,都进行了加粗。但如果你用的是非官方默认模板,又不想列表页的文章标题加粗。可以按照下面的方法进行修改。修改这个很简单,...