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