欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.page.js使用

錢艷冰2年前11瀏覽0評論

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í)用和簡單易用的分頁插件。