Paginate BS介绍

Paginate BS 是一个基于 Bootstrap 的分页插件，它可以为开发者提供快速简易的分页功能。通过 Paginate BS，开发者可以快速地将分页功能集成在自己的项目中，并且可以自定义分页样式，方便地满足项目需求。

安装

可以通过 npm 进行安装：

npm install paginate-bs

使用

在项目中引入 paginate-bs：

<link rel="stylesheet" href="path/to/paginate-bs.css">
<script src="path/to/paginate-bs.js"></script>

然后可以在 HTML 中添加分页器：

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

在 JavaScript 中初始化：

var pagination = new Paginate('#pagination', {
    totalItems: 100,
    currentPage: 1,
    perPage: 10,
    onPageClick: function (pageNumber) {
        console.log('Page clicked: ' + pageNumber);
    }
});

以上代码中，totalItems 表示总条目数，currentPage 表示当前页码，perPage 表示每页显示的条目数，onPageClick 用于监听页码点击事件。

API

• prevPage()：显示上一页。
• nextPage()：显示下一页。
• lastPage()：显示最后一页。
• setPage(pageNumber)：将页面设置为指定页码。
• refresh()：页面刷新。
• destroy()：销毁分页器。

自定义样式

Paginate BS 提供了多个样式类，可以自定义分页器的样式。

• .pagination：分页器的容器。
• .pagination-item：每一页的样式。
• .pagination-item:first-child：第一页的样式。
• .pagination-item:last-child：最后一页的样式。
• .pagination-item.active：当前页的样式。
• .pagination-item.disabled：禁用页的样式。

可以通过修改这些样式类的样式，来自定义分页器的样式。

示例

可以在这里查看 Paginate BS 的示例：Paginate BS Demo。

总结

Paginate BS 是一个非常实用的分页插件，不仅功能强大，而且易于使用。如果你的项目需要分页功能，不妨试试 Paginate BS。