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列表页加载更多功能的实现方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：迎梦» /dmh/9141.html

很赞哦！ ()