jqPagination 是一个简单轻量级的 jQuery 分页插件,用于在网页中实现基本的分页功能。
jqPagination 的基本用法
1、引入 jqPagination 库文件:
在 HTML 文件中引入 jqPagination 的 CSS 和 JavaScript 文件。
<link rel=”stylesheet” href=”path/to/jqPagination.css”>
<script src=”path/to/jquery.js”></script>
<script src=”path/to/jqPagination.js”></script>
2、准备 HTML 结构:
在 HTML 文件中创建一个容器用来放置分页导航。
<div class=”pagination-container”></div>
3、初始化 jqPagination:
使用 jQuery 选择器选择你的容器,并调用 jqPagination 函数进行初始化。
$(‘.pagination-container’).jqPagination({
totalPages: 10, // 总页数
visiblePages: 5, // 可见页数
currentPage: 1, // 当前页码
onPageChange: function (currentPage) {
// 分页变化时的回调函数
console.log(‘Current page changed to: ‘ + currentPage);
// 在这里可以执行加载对应页码的数据等操作
}
});
jqPagination 参数说明
totalPages
:总页数。visiblePages
:可见的页数(即分页导航中显示的页码数量)。currentPage
:当前页码。onPageChange
:分页变化时的回调函数。