使用pagination分页插件实现Ajax动态分页

pagination插件下载地址：https://pan.baidu.com/s/1c3QQ7XQ

一、前言

      做的一个列表页要将所有结果显示出来，太多记录不能一次性显示，所以要进行分页。一开始尝试自己写，但功能不完整（不会做太多页码的时候隐藏部分页码用省略号代替），于是找了这个插件来用。

 

二、使用方法

我们先来看看这款插件基本的使用方法：

1.先引入JQ和JS，引入CSS（样式可以自行修改）

<script src="script/lib/jquery.min.js"></script>  
<script src="script/jquery.pagination.js"></script>  
<link rel="stylesheet" href="style/common.css">  
<link rel="stylesheet" href="style/pagination.css">  

2. HTML代码

<div class="M-box"></div>  

3.JS代码

<script>  
    $(function () {  
        $('.M-box').pagination({  
            pageCount:50,  
            jump:true,  
            coping:true,  
            homePage:'首页',  
            endPage:'末页',  
            prevContent:'上页',  
            nextContent:'下页'  
        });  
    })  
  
</script>  

现在你可以看到这样的效果：

 一共有50页，可以输入数字并跳转到那一页，有首页、末页、上页、下页这些按钮

 对应回我上面的代码就会发现这些都是我设置的，怎么根据自己的需要来设置呢，就是这样的代码：

$('.M-box').pagination({
//option
//参