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

2018-02-06dedecms教程
843

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>',
}));
 
找到
 
{wmd:pagelist listitem="pre,next,pageno,option" listsize="3"/}
 
修改为
 
{wmd:pagelist listitem="next" listsize="1" runphp="yes"}
        @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);
{/wmd:pagelist}
 
效果即实现。
The End

相关推荐

Dedecms织梦CMS如何添加自定义函数
我们在使用dedecms时候,需要拓展函数,那么这个函数需要写在哪个文件中呢?一般来说,需要写在:include/extend.func.php中,当然也可以写在其他公共文件中方便调用,以下是几个自定义函数示例...
2025-10-05 dedecms教程
80

dedecms怎么做判断?怎么在一个标签中输入另外一个标签?
我们在使用织梦DedeCMS系统程序开发网站中,经常遇到需要对文章标题进行字数限制,通常做法是在a标签中加入一个title属性,让鼠标放上去的时候显示完整标题。但是标题被剪裁掉一些字符而不完整,下面跟版网的小编就为你推荐另外几种标题调用方式,如进行标题...
2025-07-05 dedecms教程
69

dedecms怎样设置给图片添加水印
dedecms怎样设置给图片添加水印,具体步骤为: 一、进入系统基本参数中的附件设置,启用是否使用图片水印选项; 二、在图像水印设置中选择文字或图片水印类型,文字水印可调整字体、颜色、透明度及位置,图片水印则需上传png格式的半透明logo,并合理设置大...
2025-07-01 dedecms教程
147

dedecms织梦列表页字段怎么做判断
用到dedecms时候,有时候需要对文章列表、arclist输出时候的字段做判断显示,比如缩略图没有则不显示,有的时候就显示图片,并且固定尺寸,这个要怎么操作呢? 关于列表字段内自定义字段的调用方法,有数据则显示无数据则不显示(备注:limit=3,1意思是从第4...
2025-07-01 dedecms教程
68

织梦内容页使用if判断某个字段是否为空
我们在使用织梦dedecms时候,如何使用if判断某个字段是否为空呢?我们以文章页自定义字段website为例:使用if语句判断website网址是否为空,如果有显示website并加上网址,如果没有就不显示。 {wmd:field.website runphp='yes'}if(@me'') {@me = 'a href="'...
2025-06-21 dedecms教程
171

dedecms全局变量如何使用?
在使用dedecms的时候,全局变量用于存放全站通用信息。用户可通过后台模板全局变量管理添加或编辑变量,例如设置cfg_phone保存客服电话。调用时使用{wmd:global.cfg_变量名/}语法,在.htm模板或启用标签解析的文章内容中显示变量值。 在使用 DedeCMS 建站时...
2025-06-17 dedecms教程
138