dedecms 列表頁加載更多插件，加載更多按鈕為下拉自動(dòng)觸發(fā)形式，今天教大家實(shí)現(xiàn)dedecms列表加載更多功能，本次織夢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}  

查看更多 DedeCms教程  織夢模板  織夢DedeCms視頻教程  織夢dedecms專題