jQuery分页插件及示例

jQuery 的分页插件,蛮适合那些列表一长串、加载慢到抓狂的场景。你只要引入下 jQuery 和插件脚本,配置几个参数,分页效果就能轻松搞定,响应也快,体验还不错。

readme.html是开场必读,里面写了用法、注意事项,先过一遍能省不少坑。demo.html挺直观,看看效果、扒扒代码,照着改就能用。

插件核心是jquery.quickpaginate.js和压缩版jquery.quickpaginate.packed.js,前者方便你调试,后者适合线上跑。记得页面里用$(document).ready()先初始化,再用$('#pagination').quickpaginate()绑定你要分页的区域。

哦对,jquery-1.2.6.min.js用的是老版本 jQuery,兼容旧项目还挺稳的。要是你用新版,得测试下兼容性。页面里如果有图标类资源,demo_images文件夹里的图能直接用。

后端数据多的话,记得配合后端分页,比如 MySQL 里的LIMITOFFSET,这样数据加载才不会卡。前后端分离的项目也能套用,改下数据来源就行。

插件用的是比较朴素的方式分页逻辑,页面小项目挺合适。如果你想用在 React、Vue 那类现代框架里,也不是不行,就是得做点改造。如果你经常要搞分页的场景,不妨把它收藏下来,省得每次都重头写。

zip 文件大小:44.86KB