導讀:織夢技術織夢技術dedecms 列表頁加載更多插件，加載更多按鈕為下拉自動觸發形式，本次織夢dedecms實現點擊下拉加載更多主要用到js技術。 步驟如下： 1、在/head頭織夢模板網站織夢模板。
dedecms 列表頁加載更多插件，加載更多按鈕為下拉自動觸發形式，本次織夢dedecms實現點擊下拉加載更多主要用到js技術。
步驟如下：
1、在</head>頭部加入js代碼以及引入js文件。
jquery-ias.min.js 下載地址
JavaScript
|
var ias = $.ias({
container: ".listbox",
item: ".item",
pagination: ".pagelist",
next: ".p織夢模板網agelist 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 IASNoneLeftExte織夢網站模板nsion({
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}
dede,模板 |
效果即實現。相關織夢模板網站織夢模板。
關鍵詞標簽: 織夢 標簽 加載
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-18 ，文章dedecms列表頁加載更多功能的實現,織夢技術主要講述加載,標簽,織夢網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_28912.html
