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

softyun3年前cms教程69

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

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

相关文章

dedecms织梦横排登录框的修改方法

织梦dedecms程序刚刚安装上去时,其首页登录框在右边的一小块,而且所有的显示是竖排的。这对于版面整洁和有用性来说实在是不太方便。今天教大家一下dedecms织梦横排登录框的修改方法,希望对你有帮助...

dedecms 2007 默认幻灯片显示标题

var focus_width=280;var focus_height=220;var text_height=0;  给文字设置一个高度就可以了 一般设置为var text_height=20;...

【Pagetitle 标记使用实例】-DedeCMS模板制作使用实例教程(15)

【Pagetitle 标记】功能说明:表示获取文档的分页标题适用范围:仅文档模板。    通过调试了解其使用方法   我调试的方法是:   将templets\default\文件夹下的article...

DEDECMS 游客投稿三步搞定

这个方法相当简单,只用屏蔽掉几行代码就可以了。。。先找到这三个文件/member/article_add.php/member/article_add_action.php/member/archiv...

织梦DedeCMS模板及系统程序编码转换的方法

给大家分享一下织梦DedeCMS模板及系统程序编码转换的方法,希望可以帮助到你我们用织梦dedecms建站的朋友经常会遇到编码转换的问题,比如我们购买了模板但是模板编码与现在的程序编码不符,导致出现乱...

DEDECMS时间格式汇总

1.时间格式{dede:field name='pubdate' function='strftime("%Y年%m月%d日 %H:%M:%S","@me")' /}2007年1月1日 18:30:0...