jquery.page.js是一個(gè)基于jQuery框架的分頁插件,能夠幫助我們實(shí)現(xiàn)分頁效果。這個(gè)插件十分易用,只需要引入js文件并按照要求設(shè)置即可完成分頁操作。
使用jquery.page.js時(shí),我們需要在HTML頁面中引入jQuery和jquery.page.js兩個(gè)文件:
<script src="jquery.min.js"></script> <script src="jquery.page.js"></script>
接下來,我們需要通過jQuery選擇器選中要進(jìn)行分頁處理的元素,通常是一個(gè)包含數(shù)據(jù)的ul或table標(biāo)簽。然后我們就可以進(jìn)行jquery.page.js的配置了。
$("#id").page({ pageSize: 10, //每頁的記錄數(shù) pageIndex: 1, //當(dāng)前頁碼 total: 100, //總記錄數(shù) showInfo: true, //是否顯示總記錄數(shù) showJump: true, //是否顯示跳轉(zhuǎn)頁碼 infoFormat: '{start} ~ {end} of {total} entries', //總記錄數(shù)的格式 noInfoText: 'No data', //無記錄時(shí)顯示的文本 jumpBtnText: 'Go', //跳轉(zhuǎn)按鈕的文本 pageBtnCount: 7, //顯示的頁碼按鈕數(shù)量 prevBtnText: '<', //上一頁按鈕的文本 nextBtnText: '>', //下一頁按鈕的文本, onPageChange: function (pageIndex, pageSize) { //當(dāng)頁碼改變時(shí)的回調(diào)函數(shù) } });
在配置完成后,jquery.page.js將自動(dòng)生成分頁欄,并在頁碼改變時(shí)觸發(fā)onPageChange回調(diào)函數(shù)。
總的來說,jquery.page.js是一個(gè)非常實(shí)用和簡單易用的分頁插件。