jquery.pager是一個用于分頁的JavaScript插件。在默認情況下,該插件顯示10個頁面按鈕,而當前頁碼總是位于第一個按鈕上方。
//默認設置 $.fn.pager.defaults = { currentPage: 1, //當前頁 totalPages: 10, //總頁數 visiblePages: 10, //可見頁面數 first: '', //第一頁按鈕文本 last: '', //最后一頁按鈕文本 prev: '', //上一頁按鈕文本 next: '', //下一頁按鈕文本 onPageClick: null, //單擊頁碼按鈕時的回調函數 href: 'javascript:void(0);' //頁碼按鈕的href屬性 };
可以看到,總頁數默認為10,即使實際頁數不足10頁也會顯示10個按鈕。如果需要修改默認設置,可以在實例化pager時加入自定義設置,如下:
$('#page').pager({ currentPage: 1, totalPages: 5, visiblePages: 5 });
這樣會顯示5個頁面按鈕,而非默認的10個。
因此,在使用jquery.pager時,需要根據實際需求修改默認設置。如果不希望顯示固定數量的頁碼按鈕,可以將visiblePages設置為totalPages,這樣每一頁都會顯示。如果希望將當前頁碼放置在中間位置,可以通過調整visiblePages的值來實現。
下一篇vue登錄跳過請求