<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>基于jQuery封装的分页组件</title> <link href="https://www.jb51.net/css/page.init.css"> </head> <body> <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script> <script src="https://www.jb51.net/js/pageInit.js"></script> <script> $.pageInit( { container:'.page',//容器：默认page //setPos:'body',//放置位置：默认body totalPages:10,//总页数：必填 totalLists:100,//数据总数：必填 initPage:1,//初始页码：默认1 inputVal:1,//设置跳转的input值：默认1 //要执行的函数：默认null，必须为fn且返回true则可执行分页，false则不执行 callBack:function(n){ var flag=true; console.log(n); return flag; } } ); </script> </body> </html>
效果：
通过callBack接口，添加自己所需要执行的function函数，并且需要return true时才回执行动态的DOM渲染。
