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

softyun3年前cms教程57

 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数据库之间数据调用方法

织梦dedecms数据库不在同一个服务器,数据调用方法!data/common.inc.php这个是保存数据库连接信息的,改下这个文件就可以了。<?php  //数据库连接信息  $cfg_db...

如何在DedeCms 标记中运行PHP

教大家如何在织梦DedeCms 标记中运行PHP :打开 pub_dedetag.php 找到 function AssignSysTag() 在 for函数结束的地方,即是在 CODE:  这个地方...

DedeCMS修改模板默认CSS文件分析全过程

给大家讲一下织梦DedeCMS修改模板默认CSS文件分析全过程,仅供学习参考!首先,打开后台——模板——默认模板管理——index.htm.看到有一句,<link href="{dede:glo...

织梦dedecms短信验证码功能(阿里短信)

现在的很多网站都需要用短信验证码,但织梦官方没有短信验证码插件,今天写了几个短信验证码插件,一个使用的是阿里云的短信验证码接口,一个使用的是阿里大于的短信验证码接口,一个使用的是阿里通信短信验证码接口...

DedeCMS常用必备SQL语句整理

本文整理了一些DEDECMS常用必备的SQL语句,希望对大家有所帮助.在DedeCMS V5.3系统中,我们很多地方需要用到SQL语句,例如批量修改 替换内容、数据内容调用等,在系统模板中有一个专门用...

织梦DEDECMS 独立模型支持副栏目修改

 给大家分享一下织梦DEDECMS独立模型支持副栏目的修改,希望对你有所帮助。织梦EDECMS 只有文章内容模型支持副栏目功能,独立模型则不支持。 要修改的地方:1,后台发布,编辑 2,dede:li...