jquery的jquery.page分页插件使用方法

之前一直做后端，对前端只是了解，最近做了些前端工作，记录一个使用jquery.page的使用方法，希望能对和我一样的前端小白有所帮助

引入分页插件

<script type="text/javascript" src="jquery.page.js"></script>

 <link rel="stylesheet" href="jquery.page.css">

两个文件可以从网上找也可以到个人仓库下载

https://gitee.com/sweettom/jquery-paging-plug-in.git

初始化

 window.onload = function () {

            var totalPages= 10

            var liNums =5

            var οnlοad={

             totalPages: pages, //分页总数

             liNums: liNums , //分页的数字按钮数(建议取奇数)

             activeClass: 'activP', //active 类样式定义

             callBack: function (page) {

                      //回调函数 每次点击分页的时候都会传出page当前点击页码

                 }

             }

             $("#page").Page(onload);//初始化

}

说明

var onload 为Page方法的初始化参数，注意我之前找的时候是这样的

$("#page").Page(

{

             totalPages: pages, //分页总数

             liNums: liNums , //分页的数字按钮数(建议取奇数)

             activeClass: 'activP', //active 类样式定义

             callBack: function (page) {

                      //回调函数 每次点击分页的时候都会传出page当前点击页码

                 }

             }

)

将参数直接放在方法里，这样初始化会有个问题：分页总和分页数不能传进去，如果有知道为什么的小伙伴可以分享一下，我的做法是按一开始先将参数配置好再传到Page方法里，每次查询之后就重新初始化一下。样式什么的可以到css里面调基本大家都会。