Jquery前端分页插件pagination使用

插件描述：JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据，自定义请求参数，提供多种方法，事件和回调函数，功能全面的分页插件。

实例图片

jQuery Pagination分页插件：下载：http://www.jq22.com/jquery-info5697

步骤一：导入相关的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等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程

image

原文作者：祈澈姑娘
技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

github:https://github.com/wangxiaoting666/pagination