溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下jQuery中Pagination分頁插件有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
插件簡介
?此jQuery插件為Ajax分頁插件，一次性加載，故分頁切換時無刷新與延遲，如果數據量較大不建議用此方法，因為加載會比較慢。
?原插件CSS不太合理，使用浮動，故無法方便實現左右方向的定位，且未清除浮動，在中文修改版中我對其進行了優化，使其支持text-align的定位。
使用方法
跟一般的jQuery插件一樣，此插件使用也很簡單便捷。方法是pagination，例如$("#page").pagination(100);
參數
參數名 | 描述 | 參數值 |
maxentries | 總條目數 | 必選參數，整數 |
items_per_page | 每頁顯示的條目數 | 可選參數，默認是10 |
num_display_entries | 連續分頁主體部分顯示的分頁條目數 | 可選參數，默認是10 |
current_page | 當前選中的頁面 | 可選參數，默認是0，表示第1頁 |
num_edge_entries | 兩側顯示的首尾分頁的條目數 | 可選參數，默認是0 |
link_to | 分頁的鏈接 | 字符串，可選參數，默認是"#" |
prev_text | “前一頁”分頁按鈕上顯示的文字 | 字符串參數，可選，默認是"Prev" |
next_text | “下一頁”分頁按鈕上顯示的文字 | 字符串參數，可選，默認是"Next" |
ellipse_text | 省略的頁數用什么文字表示 | 可選字符串參數，默認是"..." |
prev_show_always | 是否顯示“前一頁”分頁按鈕 | 布爾型，可選參數，默認為true，即顯示“前一頁”按鈕 |
next_show_always | 是否顯示“下一頁”分頁按鈕 | 布爾型，可選參數，默認為true，即顯示“下一頁”按鈕 |
callback | 回調函數 | 默認無執行效果 |
舉例
例如下面的使用代碼：
$("#Pagination").pagination(56, {
num_edge_entries: 2,
num_display_entries: 4,
callback: pageselectCallback,
items_per_page:1
});這段代碼表示的含義是：總共有56(maxentries)個列表項，首尾兩側分頁顯示2(num_edge_entries)個，連續分頁主體數目顯示4(num_display_entries)個，回調函數為pageselectCallback(callback)，每頁顯示的列表項為1(items_per_page)個。
以上是“jQuery中Pagination分頁插件有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
