jQuery 分頁外掛程式 jqPaginator

例子

用法很簡單，首先引入jquery和jqpaginator，之後就可以初始化分頁了

$('#id').jqpaginator(}

',onpagechange:function(num)});

上例就是第一demo，bootstrap風格的分頁。具體引數稍後介紹，這裡要了解的是，如果使用的不是id，而是class，就會初始化該class的所有元素，實現上面"兩個分頁聯動"的效果。

引數引數

預設值說明

totalpages

0設定分頁的總頁數

totalcounts

0設定分頁的總條目數

pagesize

0設定每一頁的條目數 注意：要麼設定totalpages，要麼設定totalcounts + pagesize，否則報錯；設定了totalcounts和pagesize後，會自動計算出totalpages。

currentpage

1設定當前的頁碼

visiblepages

7設定最多顯示的頁碼數（例如有100也，當前第1頁，則顯示1 - 7頁）

disableclass

'disabled'

activeclass

'active'

設定當前頁碼樣式

first

(無)設定"首頁"的html結構

prev

(無)next

(無)last

(無)設定"末頁"的html結構

page

(無)設定頁碼的html結構,其中可以使用}代表當前頁，}代表總頁數，}代表總條目數（例如：上面的"極簡風格"的demo，就是使用了}，並將visiblepages設為1實現的。）

(無)分頁結構的html包裹，例如：

，一般不會用到

onpagechange

(無)**函式，當換頁時觸發（包括初始化第一頁的時候），會傳入"目標頁"的頁碼

jqpaginator提供了兩個擴充套件方法，方便初始化後對元件進行操作。

$('#id').jqpaginator('option',options)

$('#id').jqpaginator('option',);

$('#id').jqpaginator('destroy')

$('#id').jqpaginator('destroy');

jquery分頁外掛程式

css 分頁 pagelist pagelist a,pagelist span pagelist a hover,pagelist current pagelist pagelist hidden pagelist pagelist hidden hover pagelist input.jump...

jquery外掛程式 ajax分頁

突然發現，好久沒寫部落格了，越來越懶了.今天想說說ajax分頁的事，其實ajax分頁莫過於解決兩個問題，第一，總條數的獲取，第二，形成分頁 like this 總條數的獲取莫過於兩種方式，第一，載入時直接獲取，可通過變數設定，可通過url傳值，第二種通過ajax請求的資料中包含資料和總條數。資料的獲...

jQuery分頁外掛程式twbsPagination

需求說明 這裡主要介紹jquery的分頁外掛程式twbspagination。當然了還有其他的分頁外掛程式，感覺上這個外掛程式還是比較簡單易用的。步驟一 建立page.jsp頁面，引用jquery.twbspagination.js,page.js script src basepath js jq...