jQuery分页插件
jQuery 的分页插件里，jquery.pagination.js算是比较轻巧又好用的。它专门帮你搞定大数据列表的分页问题，适合像博客、论坛、电商这些内容量大的页面。一次性加载一大堆内容？那体验简直灾难，用分页来分摊一下就舒服多了。
jquery.pagination.js的优势挺的：轻量、配置灵活、样式也比较好看。不用你写一大堆逻辑，它已经帮你封装好了。你只需要做两件事：引入文件 + 初始化，分页功能就能立马跑起来。
别忘了引入 jQuery 哦，加上jquery.pagination.js和pagination.css，不然样式会乱。代码就像这样：
[removed][removed]
[removed][removed]
<link rel="stylesheet" href="pagination.css">在 JS 里搞个容器，调用.pagination()就行：
$(document).ready(function() {
$('#pagination').pagination({
dataSource: function(callback) {
callback({ total: 10 });
},
pageSize: 10,
showGoInput: true,
showGoButton: true,
cssClass: 'custom-pagination',
onPageChange: function(page) {
// 你可以在这更新数据
}
});
});它的配置项也蛮多的，像showGoInput、pageSize这些都能自定义。不够用？还能监听onInit和onPageChange，让你控制页面切换的逻辑。
要注意：数据源那块你可以换成自己写的异步求，比如$.ajax拿数据，塞进分页里。这样页面切换时才能真正异步加载内容。
如果你想看看完整例子，压缩包里会有demo目录和README.rst，可以对照着跑一下。
如果你正准备做个带分页的前端项目，这款插件确实挺省事。如果你喜欢轻量又不想写太多代码，建议试试看。
文件大小：114.96KB
评论区