聯(lián)系官方銷售客服
1835022288
028-61286886
第一種(個(gè)人強(qiáng)烈推薦的) infinite-scroll 插件
使用方法應(yīng)該有很多人比我更了解。(寫給不了解的人看的)
<script type='text/javascript' src='/js/jquery.js?ver=0.3'></script> <script src="/js/jquery-ias.min.js" type="text/javascript"></script> //在此之前必須先加載jq庫(kù)以及infinite-scroll插件 路徑別錯(cuò)了 //infinite-scroll 下載地址看下面 <script type="text/javascript"> var ias = $.ias({ container: ".listbox", //包含所有文章的元素 item: ".item", //對(duì)應(yīng)的每篇文章元素 pagination: ".pagelist", //對(duì)應(yīng)下面的分頁(yè)元素 next: " .pagelist a[rel^=next] ", //下一頁(yè)元素 //這里是亮點(diǎn)了,也是我想了半天解決的。 //poscms分頁(yè)里面 下一頁(yè)帶了 rel="next" 所以這個(gè)是獲取.pagelist類下面的rel元素next的 }); ias.extension(new IASSpinnerExtension({ src: "http://www.dedediy.com/img/load.gif", 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>
下面的分頁(yè) 代碼 就不需要我來(lái)教了
http://help.xunruicms.com/21.html
{list action=module module=news page=1 pagesize=10 urlrule=index.php?page=[page]} <li class="item">{$t.title}</li> {/list} <div class="pagelist"> {$pages} </div>
自己回復(fù)自己一下
make 一下
000
能實(shí)現(xiàn)不用手動(dòng)點(diǎn)加載,滾動(dòng)到底部自動(dòng)加載的效果嗎?
沒(méi)調(diào)用出來(lái),能給個(gè)完整包嗎?
標(biāo)記一下,正需要
應(yīng)該放個(gè)效果截圖看看
http://poscms4.ew98.com/wenzhang
演示
http://poscms4.ew98.com/wenzhang
演示網(wǎng)址 自行去看哈
打個(gè)標(biāo)記