<link rel="stylesheet" href="css/page.init.css">
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
<script src="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渲染。

更多精彩内容请点击:jquery分页功能汇总进行学习。










