插件描述:JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
jQuery Pagination分页插件:下载:
步骤一:导入相关的jquery和pagination文件
步骤二:HTML代码:
非常简单只需要一个div标签
步骤三: JS代码:
$('.Pagination').pagination(pageNum, { num_edge_entries: 1, //边缘页数 num_display_entries: 4, //主体页数 items_per_page: 1, //每页显示1项 prev_text: "上一页", next_text: "下一页",});
完整代码实例展示:
数据格式:bussiness.json
{ "list": [ { "img":"img/dingwei.png", "manager": "新店开业刷刷送豪礼" }, { "img": "img/dingwei.png", "manager": "文史楼108" }, { "img": "img/dingwei.png", "manager": "文史楼108" }, { "img": "img/dingwei.png", "manager": "文史楼108" }, { "img": "img/dingwei.png", "manager": "文史楼108" } ]}
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:
福利二:微信小程序入门与实战全套详细视频教程领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!原文作者:祈澈姑娘
原文链接:创作不易,转载请告知90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。自荐前端干货:
进阶攻略|前端最全的框架总结:
web开发快速提高工作效率的一些资源:前端学习的几个网站:老司机程序员用到的各种网站整理:进阶攻略|前端完整的学习路线:八款前端开发人员更轻松的实用在线工具:前端几个常用简单的开发手册拿走不谢:程序员常用的六大技术博客类:九款优秀的企业项目协作工具推荐:移动端手势的七个事件库:Bootstrap相关优质项目学习清单:2018前端越来越流行的的技术: