基于jquery的分页器插件Pagination.js

Pagination.js 是一个轻量级的 jQuery 分页插件，可以用于创建简洁美观的分页控件。以下是一个使用 Pagination.js 的示例代码：

首先，确保在页面中引入了 jQuery 和 Pagination.js 的脚本文件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="path/to/pagination.min.js"></script>

然后，在 HTML 中添加一个用于显示分页的容器：

<div id="pagination-container"></div>

最后，使用以下 JavaScript 代码来初始化分页器：

$(function() {
    $('#pagination-container').pagination({
        dataSource: new Array(100),
        callback: function(data, pagination) {
            // 这里处理页面变化时的逻辑，比如请求数据等
            console.log('当前页:', pagination.getCurrentPage());
        }
    });
});

这段代码会在页面加载完成后初始化一个分页器，并为它设置一个数据源（这里假设有 100 项数据）。当用户点击分页控件时，会触发 callback 函数，在这个函数中你可以实现请求数据的逻辑。

这只是 Pagination.js 使用的一个基本示例，实际使用时可以根据需要配置更多选项，如分页的总数、每页显示的项目数等。