參數(shù)

參數(shù)名描述參數(shù)值

maxentries	總條目數(shù)	必選參數(shù)，整數(shù)
items_per_page	每頁顯示的條目數(shù)	可選參數(shù)，默認是10
num_display_entries	連續(xù)分頁主體部分顯示的分頁條目數(shù)	可選參數(shù)，默認是10
current_page	當前選中的頁面	可選參數(shù)，默認是0，表示第1頁
num_edge_entries	兩側顯示的首尾分頁的條目數(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 }); $(document).ready(function(){initPagination();pageselectCallback(0); })function initPagination(){$.ajax({type: "POST",dataType:"json",url:'/pager.php',complete:function(){},success: function(result){ $("#Pagination").pagination(result, {num_display_entries: 10,callback: pageselectCallback,items_per_page:2 // Show only one item per page});},error:function(ae){alert("請求出錯: [" + ae.status + "] " + ae.statusText);},async:false});} function pageselectCallback(page_index){$.ajax({type: "POST",dataType:"json",url:'/pager.php,data:{pageindex:page_index},complete:function(){},success: function(result){ },error:function(ae){alert("請求出錯: [" + ae.status + "] " + ae.statusText);},async:false});return false; }

?

?

這段代碼表示的含義是：總共有56(maxentries)個列表項，首尾兩側分頁顯示2(num_edge_entries)個，連續(xù)分頁主體數(shù) 目顯示4(num_display_entries)個，回調(diào)函數(shù)為pageselectCallback(callback)，每頁顯示的列表項為 1(items_per_page)。您可以對照參數(shù)表修改配置這里的參數(shù)。

轉載于:https://www.cnblogs.com/myphoebe/archive/2012/02/27/2370294.html

總結

以上是生活随笔為你收集整理的jQuery Pagination Ajax分页插件中文详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。