DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery Pagination分頁插件_動力節點Java學院整理
jQuery Pagination分頁插件_動力節點Java學院整理
編輯:JQuery入門技巧     

插件簡介

此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)個。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved