很多站長(zhǎng)用織夢(mèng)搭建個(gè)人博客或企業(yè)網(wǎng)站時(shí),有時(shí)在首頁(yè)想無(wú)限加載列表文章內(nèi)容,這個(gè)時(shí)候需要解決兩個(gè)問(wèn)題,第一個(gè)是首頁(yè)翻頁(yè),第二個(gè)是無(wú)限加載。下面為大家分享一下解決方案:
一、解決首頁(yè)分頁(yè)翻頁(yè)問(wèn)題,才能無(wú)限加載更多。list在首頁(yè)調(diào)用不生效,用artlist又不支持分頁(yè)。所以創(chuàng)建一個(gè)欄目來(lái)做首頁(yè)。如圖:

強(qiáng)調(diào)一下,原首頁(yè)就不要再生成了,就生成這個(gè)欄目就可以。嫌生成“欄目首頁(yè)”麻煩的話,可以安裝一個(gè)自動(dòng)更新插件。
二、如何做才能無(wú)限加載列表文章,無(wú)限下拉呢?有幾步驟:
1、在欄目模板(作首頁(yè))的頭部引用
<script src='/js/jquery.js'></script>
<script src="/js/jquery-ias.min.js"></script>
<script type="text/javascript"> var ias = $.ias({ container: ".listbox", //包含所有文章的元素 item: ".item", //文章元素 pagination: ".pagelist", //分頁(yè)元素 next: ".pagelist a.nextpage", //下一頁(yè)元素 }); ias.extension(new IASSpinnerExtension({ src: "/img/load.gif", //此選項(xiàng)為加載時(shí)緩沖圖片 html: '<p style="text-align: center;"><img src="{src}"/></p>' })); ias.extension(new IASTriggerExtension({ text: '點(diǎn)擊加載更多', //此選項(xiàng)為需要點(diǎn)擊時(shí)的文字 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>', offset: !1, //設(shè)置此項(xiàng),如 offset:2 頁(yè)之后需要手動(dòng)點(diǎn)擊才能加載,offset:!1 則一直為無(wú)限加載 })); ias.extension(new IASNoneLeftExtension({ text: '已經(jīng)加載完成!', // 加載完成時(shí)的提示 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>', })); </script>
以上文件路徑自行修改。
jquery-ias.min.js與jquery.js 下載鏈接: 鏈接: https://pan.baidu.com/s/12O_lrto_HBB4aGhdnFYdxA 密碼: 1xc7
2、dedecms欄目列表模板html代碼示范,注意html代碼中的 listbox、item、pagelist、nextpage 要與上面第1點(diǎn)中的js中的統(tǒng)一
<!-- listbox這個(gè)必須包住分頁(yè)條在里面 -->
<div class="listbox">
<ul>
{dede:list pagesize='10'}
<li class="item"><a href="[field:arcurl/]" class="title">[field:title/]</a></li>
{/dede:list}
</ul>
<ul class="pagelist">
{dede:pagelist listitem="next" listsize="1" runphp=yes}
@me = preg_replace('/<ashref=(['"]?).+?/', '$0 class="nextpage"', @me);
{/dede:pagelist}
</ul>
</div>
三、舉個(gè)具體例子:如圖
1、JS代碼引用

2、調(diào)用代碼統(tǒng)一

3、效果,如圖下拉加載中

在網(wǎng)站的首頁(yè)做加載更多,無(wú)限下拉列表文章就是這樣實(shí)現(xiàn)了。
以上就是關(guān)于【網(wǎng)站首頁(yè)列表文章自動(dòng)加載更多無(wú)限下拉的織夢(mèng)解決方案】的文章內(nèi)容,如果您還想了解更多關(guān)于網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣的相關(guān)文章,請(qǐng)繼續(xù)查看【織夢(mèng)教程】欄目的其它文章
來(lái)源m.theround.com.cn廣州明行威,致力于中小企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、整體外包運(yùn)營(yíng)(網(wǎng)站建設(shè)、SEM、SEO等)、企業(yè)SEO內(nèi)訓(xùn)、信息流廣告運(yùn)營(yíng)
歡迎交流 加微信13430336474 廣州張楷

上一篇:織夢(mèng)網(wǎng)站欄目增加英文名稱的方法 下一篇:織夢(mèng)后臺(tái)模塊管理出現(xiàn)空白怎么解決,方法簡(jiǎn)單