Jquery MyPagination插件是一個(gè)基于Jquery庫(kù)的分頁(yè)插件。這個(gè)插件具有可擴(kuò)展性，功能強(qiáng)大且易于使用，它的設(shè)計(jì)目的是為了簡(jiǎn)化網(wǎng)站的分頁(yè)功能的實(shí)現(xiàn)。它適用于動(dòng)態(tài)生成的內(nèi)容，也可以適用于靜態(tài)內(nèi)容。

$('#pagination').mypagination({
currentPage: 1,
pageCount: 10,
format: 'edges',
prevhtml: 'prev',
nexthtml: 'next',
pageId: '#article-list',
ajax: {
dataType: 'json',
url: 'ajax.php',
loadingClass: 'loading',
error: function () {
alert('Error loading data');
}
}
});

在使用Jquery MyPagination插件時(shí)，首先要確定當(dāng)前頁(yè)面是第幾頁(yè)，并且確定總的頁(yè)數(shù)。 currentPage和pageCount是必須設(shè)置的參數(shù)。format參數(shù)定義了分頁(yè)組件的樣式。在上面的例子中，format被設(shè)置成了'edges'，表示只展現(xiàn)前后兩個(gè)頁(yè)數(shù)，如“1 2...10 11 12...20”，外部邊緣的變化,

prevhtml和nexthtml分別用于定義展現(xiàn)前一頁(yè)和后一頁(yè)的內(nèi)容。這兩個(gè)參數(shù)也可以用于定義上一頁(yè)和下一頁(yè)的內(nèi)容。pageId參數(shù)定義了數(shù)據(jù)需要被替換的元素或者容器，它可以是一個(gè)jQuery表達(dá)式或者是一個(gè)DOM元素。ajax屬性是實(shí)現(xiàn)異步分頁(yè)的關(guān)鍵，你需要設(shè)置url屬性為獲取數(shù)據(jù)服務(wù)的地址。loadingClass屬性用于定義動(dòng)態(tài)顯示數(shù)據(jù)讀取進(jìn)度的class名稱(chēng)。error屬性是運(yùn)用于處理加載數(shù)據(jù)失敗的情況。