點擊查看大圖 [](http://www.hmoore.net/book/php168/x1_of_qibo/preview/images/56.png) 代碼如下: ~~~ <div class="listpages"> {qb:listpage name="bbs_list_page_pc" rows="20" order="list"} <a href="{:urls('content/show',['id'=>$rs['id']])}">{$rs.title}</a> {/qb:listpage} </div> <!--{$pages} 這是傳統分頁--> <button type="button" onclick="ShowMoreList()">查看更多</button> <script type="text/javascript"> var Mpage = 1; //顯示更多 function ShowMoreList(){ Mpage++; $.get('{qb:list_url name="bbs_list_page_pc" /}'+Mpage,function(res){ if(res.code==0){ if(res.data==''){ layer.msg("已經顯示完了！",{time:500}); }else{ $('.listpages').append(res.data); scroll_get = true; //這一行僅僅是匹配滾動顯示更多.如果沒使用滾動特效,可以刪除 } }else{ layer.msg(res.msg,{time:2500}); } }); } //滾動顯示更多 var scroll_get = true; //做個標志,不要反反復復的加載 $(document).ready(function () { $(window).scroll(function () { if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) { scroll_get = false; layer.msg('內容加截中,請稍候',{time:1000}); ShowMoreList(); } }); }); </script> ~~~ 下面這一段,就是齊博標簽中的列表頁標簽代碼 ~~~ <div class="listpages"> {qb:listpage name="bbs_list_page_pc" rows="20" order="list"} <a href="{:urls('content/show',['id'=>$rs['id']])}">{$rs.title}</a> {/qb:listpage} </div> ~~~ 他的標志就是?`{qb:listpage name="xxxx"}模板{/qb:listpage}` 而通用標簽是`{qb:tag name="xxxx"}模板{/qb:tag}` 其它參數的用法都基本一樣,這里就是唯一不同的地方即:冒號后面的幾個字母 > {$pages} 這個是傳統分頁的代碼,現在慢慢不太受喜歡了.體驗比較差 這個是點擊事件,如果你使用了滾動事件的話,這個就沒有存在的意義. ~~~ var Mpage = 1; //顯示更多 function ShowMoreList(){ Mpage++; $.get('{qb:list_url name="bbs_list_page_pc" /}'+Mpage,function(res){ if(res.code==0){ if(res.data==''){ layer.msg("已經顯示完了！",{time:500}); }else{ $('.listpages').append(res.data); scroll_get = true; //這一行僅僅是匹配滾動顯示更多.如果沒使用滾動特效,可以刪除 } }else{ layer.msg(res.msg,{time:2500}); } }); } ~~~ 上面這一段是JS代碼,大部分頁面都可以套用的.`var Mpage = 1;`這個是頁碼默認表示當前已顯示了第一頁 > {qb:list_url name="bbs_list_page_pc" /} ### 這個代表分頁網址,這也是齊博標簽最特別的地方, 按以往,甚至現在很多同行, 為了實現分頁顯示數據,必須要單獨做一個PHP文件寫數據調用.而我們這里,只需要把顯示標簽的變量名復制到這里讓他們一一對應,就可以解決了 這個分頁網址標簽在頁面運行后,會轉義成類似下面的網址 [http://你的域名/index.php/bbs/content/ajax_get/name/bbs_list_page_pc/fid/16/mid/1/rows/20/order/list/by/desc/pagename/ec1e7a01/cache_time/0.html?page=](http://xn--6qqv7i2xdt95b/index.php/bbs/content/ajax_get/name/bbs_list_page_pc/fid/16/mid/1/rows/20/order/list/by/desc/pagename/ec1e7a01/cache_time/0.html?page=) 這個不需要你去記住,只是讓大家知道,最后他會生成一個很特別的網址,帶上各項參數并且以=號結尾,=號后面就必須要跟上頁碼數字 下面這一段,就是實現滾動顯示更多的,如果你不想滾動顯示更多,而想點擊顯示更多的話,就可以把下面這一段刪除掉. ~~~ //滾動顯示更多 var scroll_get = true; //做個標志,不要反反復復的加載 $(document).ready(function () { $(window).scroll(function () { if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) { scroll_get = false; layer.msg('內容加截中,請稍候',{time:1000}); ShowMoreList(); } }); }); ~~~