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

softyun3年前cms教程223

 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内容页面调用文档的缩略图. 其实很简...

栏目内容过多如何分为2行显示

很多人栏目内容过多,需要分成2行,解决办法如下:修改/templets/default/dedecms.css修改188行为以下内容:Copy code.header .nav{ width:100%...

织梦DedeCms教程:后台栏目管理处显示未审核文档数

最近模板无忧第五版正式上线了,后台未审核的文档很多,每次审核内容的时候都是打开 等审核的档案 来查看未审核的内容的. 但是列表是根据发布时间进行排序的,如果想每个栏目审核几篇文档,就要去栏目管理处挨个...

织梦让arclist标签支持副栏目调用

使用织梦cms开发网站,需要一篇文章被多个栏目调用,织梦后台有副栏目这个功能,可是在用arclist调用的时候,副栏目却调用不出这篇文章,所以简单修改了下/include/tag/arclist.li...

arclist标签中调用附加表字段

将需要调用的字段,换成如下格式放在arclist标签内即可.代码如下:[field:id runphp="yes"]$dsql = new DedeSql(false);$a="SELECT mb5u...

登陆后直接转跳到首页而不是管理中心解决办法

用Dreamweaver8或者EditPlus打开/member/index_do.php行码388 if(empty($gourl)||eregi("action|_do",$gourl)){389...