dedecms列表页加载更多功能的实现
来源:本站原创|时间:2021-08-05|栏目:dedecms|点击: 次
edecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦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在plus目录调用当前模板head.htm,footer.htm方法
栏 目:dedecms
下一篇:dedecms隐藏畅言浮动评论框
本文标题:dedecms列表页加载更多功能的实现
本文地址:https://www.xiuzhanwang.com/a1/dedecms/15710.html
您可能感兴趣的文章
- 08-05Dedecms文件目录结构解说(能知道织梦每个文件有什么用)
- 08-05Dedecms5.7版ckeditor网页编辑器添加中文字体
- 08-05织梦DedeCMS获取当前栏目文章数量
- 08-05DedeCMS后台模块列表显示空白的解决办法
- 08-05DedeCMS自定义字段图片调用的问题{dede:img ...}解决方法
- 08-05织梦DedeCMS调用显示discuz里面主题的方法
- 08-05常用的织梦dedecms安全设置集合整理
- 08-05dedecms教程:上传图片相对路径改成绝对路径方法
- 08-05DedeCMS会员投稿自动加积分改为投稿审核后加积分
- 08-05织梦教程:手把手教你让dedecms禁止发布重复文章