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\srel="nofollow noopener noreferrer" href=([\&;"]?).+?\1/', '$0', @me);
{/dede:pagelist}
效果即实现。

本文dedecms列表页加载更多功能的如何实现到此结束。你给我一滴眼泪,我就看到了你心中全部的海洋。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
织梦后台文档列表添加复制文档功能支持所有模型

织梦无法上传ico图标格式文件的如何解决方法

dedecms如何实现任意页面调用当前会员信息的方

织梦dede:tag调用指定多个栏目的TAG标签

织梦栏目列表按附加表自定义字段排序