jquery分页插件Pager.js 自定义分页数量，分页大小，自定义渲染函数

第一步引入bfwone

第二步执行插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["Pager", "Pager"], function() {
                P.initMathod({
                    params: {
                        elemId: '#Page', total: '100',pageSize:"5"
                    },
                    requestFunction: function () {
                        // P.config.total = parseInt(Math.random() * 10 + 85);//此处模拟总记录变化

                        //TODO ajax异步请求过程,异步获取到的数据总条数赋值给 P.config.total

                        //列表渲染自行处理

                        console.log(JSON.stringify(P.config));
                    }
                });

            });
        });
    </script>
</head>
<body style="padding-top:100px;margin:0 auto;">
    <div class="page" id="Page">

    </div>
</body>
</html>

立即下载Pager.js 查看所有js插件

网友评论0