雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

dedecms

當(dāng)前位置:主頁 > CMS教程 > dedecms >

dedecms列表頁加載更多功能的實(shí)現(xiàn)

來源:本站原創(chuàng)|時(shí)間:2021-08-05|欄目:dedecms|點(diǎn)擊:

edecms 列表頁加載更多插件,加載更多按鈕為下拉自動(dòng)觸發(fā)形式,本次織夢(mèng)dedecms實(shí)現(xiàn)點(diǎn)擊下拉加載更多主要用到j(luò)s技術(shù)。
 
步驟如下:
 
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: '點(diǎn)擊加載更多', 
    html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
    offset: !1, 
}));
ias.extension(new IASNoneLeftExtension({
    text: '沒有更多了,已經(jīng)加載完!', 
    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}
 
效果即實(shí)現(xiàn)。
 

上一篇:dedecms在plus目錄調(diào)用當(dāng)前模板head.htm,footer.htm方法

欄    目:dedecms

下一篇:dedecms隱藏暢言浮動(dòng)評(píng)論框

本文標(biāo)題:dedecms列表頁加載更多功能的實(shí)現(xiàn)

本文地址:http://www.jygsgssxh.com/a1/dedecms/15710.html

更多dedecms

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有