一:
pageNav.css
jquery
pageNav.js
将上述3个文件依次引入
二:
复制nav的html至你的页面中，并给与id，这个将作为生成分页条的盒子。 根据需要可以在Nav中添加/删除 dark 类名来搭配浅色/深色背景。
<nav aria-label="Page navigation" class="page-nav-outer" id="PageNavId"></nav>
三:
生成翻页导航:
var pageNavObj = null;//用于储存分页对象
pageNavObj = new PageNavCreate("PageNavId",{ pageCount:30, currentPage:1, perPageNum:5, });
pageNavObj.afterClick(pageNavCallBack);
/*
PageNavId://盒子的id名
pageCount://总页数
currentPage://当前页
perPageNum://每页按钮数(非必须,默认5)
pageNavObj.afterClick()
在这个方法内传入你的回调函数，这个回调函数会在翻页按钮被点击后执行，回调函数的参数中将会传入当前点击的页码值，pageNavCallBack函数的名称和内容根据需要自定;
一般在回调函数中执行AJAX异步请求，然后根据返回的数据，重复步骤三重新生成一个分页条。
*/