項目中有分頁功能,之前都是自己寫,樣式不好看,功能也簡單,就找了這個插件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