要使用Bootstrap分頁插件,您需要遵循以下步驟:
<head>
標簽中添加以下代碼:<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<ul>
元素來創建一個分頁列表:<ul class="pagination"></ul>
$('.pagination').twbsPagination({
totalPages: 10,
visiblePages: 5,
onPageClick: function (event, page) {
// 當頁碼被點擊時執行的代碼
console.log(page);
}
});
在這個例子中,totalPages
表示總頁數,visiblePages
表示可見頁碼的數量。onPageClick
是一個回調函數,當頁碼被點擊時會執行其中的代碼。
希望這些步驟能夠幫助您使用Bootstrap分頁插件。