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

softyun3年前cms教程116

 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安装你必须知道的几点

先给最初级的同志们 一、下载程序后如何安装 这个不用浪费篇幅了,有人说的很详细,找不到了看这里59061 关于SP1版的有所改动,具体改动的地方和安装注意事项,这里:90435 这两个在最上面可以找到...

织梦dedecms自定义模型采集数据

今天给大家分享织梦dedecms自定义模型采集数据,希望对你有帮助对于新建的dedecms自定义模型,如何采集数据呢打开\dede\templets\co_add_step0.htm,找到 大约在17...

织梦DedeCMS模板可以使用的公共函数集合

织梦dedecms是很早的一款开源CMS系统,操作简单方便上手,一般常用的标签进行调用但是也没办法实现大家特殊的要求,今天给大家分享一下开源使用的公共函数集合       function GetCu...

织梦dedecms列表list调用文章作者并指向个人主页链接

今天教大家一下织梦dedecms列表list调用文章作者并指向个人主页链接的方法。这个文章调用的方法是经过测试,确认可用的方法,大家可以尝试一下       指向后台管理的链接一般是<a hre...

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

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

系统出现Safe Alert: Request Error step 1/2 ! 解决方法

注意:本教程适用于 织梦DedeCMS V5.6今天教给大家如果织梦dedecms出现Safe Alert: Request Error step 1 ! 或Safe Alert: Request E...