twbsPagination分页插件的简单使用

姬博瀚
2023-12-01

首先在页面中引用js

<script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>

然后,添加ul元素

<div style="text-align: center;">
	<ul id="pagination" class="pagination"></ul>
</div>

在<script></script>写方法,其中各种属性根据自己需求更改

$('#pagination').twbsPagination({
			totalPages : ${pageResult.pages}||1,
			startPage : ${qo.currentPage},
			visiblePages : 5,
			first : "首页",
			prev : "上一页",
			next : "下一页",
			last : "最后一页",
			onPageClick : function(event, page) {
				$("#currentPage").val(page);
				$("#searchForm").submit();
			}
});

 类似资料: