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:分页变化时的回调函数。

作者 admin

百度广告效果展示