jQuery List 分頁是一種常見的網頁列表分頁方式，基于jQuery框架實現，可以方便地對網頁列表進行分頁處理。它主要包含兩個部分：列表展示和分頁處理。

// 列表展示
function showList(pageIndex, pageSize) {
// 從后端獲取數據
$.ajax({
url: 'getListData',
data: { pageIndex: pageIndex, pageSize: pageSize },
success: function(data) {
// 將數據展示在列表中
var html = '';
for(var i=0; i'
}
$('#list').html(html);
}
});
}
// 分頁處理
function setPage(totalPage) {
// 構造分頁組件
$('#pagination').twbsPagination({
totalPages: totalPage,
visiblePages: 5,
onPageClick: function (event, page) {
// 根據頁碼展示對應的列表
showList(page, 10);
}
});
}
// 初始化頁面
$(function() {
// 獲取數據總數
$.ajax({
url: 'getDataTotal',
success: function(total) {
// 計算總頁數
var totalPage = Math.ceil(total/10);
// 展示第一頁的數據
showList(1, 10);
// 構造分頁組件
setPage(totalPage);
}
});
});

通過以上代碼，我們可以看出，jQuery List 分頁主要實現了兩個函數：showList和setPage。其中showList函數展示了列表數據，并且根據傳入的頁碼和頁大小獲取對應頁數的數據；setPage函數構造了一個分頁組件，并且在點擊頁碼時調用showList函數展示對應的列表數據。最后通過初始化頁面的方式獲取總數據數并且調用showList函數和setPage函數展示列表和分頁組件。