分頁插件pagination.js


項目中有分頁功能,之前都是自己寫,樣式不好看,功能也簡單,就找了這個插件pagination.js

頁面導入pagination.js

html代碼

1  <div class="list_button">
2 </div>

js代碼

 1  $('.list_button').pagination({
 2                     totalData:count,
 3                     pageCount:pageCount,
 4                     showData:limitValue,
 5                     current: 1,
 6                     jump: true,
 7                     coping: true,
 8                     count: 2,
 9                     homePage: '首頁',
10                     endPage: '末頁',
11                     prevContent: '上頁',
12                     nextContent: '下頁',
13                     callback: pageCallback //pageCallback() 為翻頁調用次函數。
14                 });
1 function pageCallback(api) {
2     var pageNo=1 //當前頁碼
3     if(api){
4         pageNo=api.getCurrent()  //獲取當前代碼
5     }
6 }

參考地址(可以下載):http://www.jq22.com/jquery-info5697

demo地址:http://maxiaoxiang.com/jQuery-plugins/plugins/pagination.html

js下載地址:https://github.com/zhaobao1830/paginationjs


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM