Bootstrap 分页插件的使用

发布时间：2020-12-17 21:12:04 所属栏目：安全来源：网络整理

导读：插件地址：http://bootstrappaginator.org/ head runat="server" title/title script type="text/javascript" src="bootstrap/js/jquery-1.9.1.js"/script script type="text/javascript" src="bootstrap/js/bootstrap.min.js"/script link href="bootstrap/

插件地址：http://bootstrappaginator.org/

<head runat="server">
    <title></title>
    <script type="text/javascript" src="bootstrap/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="bootstrap/js/bootstrap-paginator.min.js"></script>
</head>
<body>
    <form id="form1">
        <div id="example"></div>
    <script type='text/javascript'>
        var options = {
            currentPage: 3,totalPages: 10,size:"normal",alignment:"center",itemTexts: function (type,page,current) {
                switch (type) {
                    case "first":
                        return "第一页";
                    case "prev":
                        return "<";
                    case "next":
                        return ">";
                    case "last":
                        return "最后页";
                    case "page":
                        return  page;
                }               
            },onPageClicked: function (e,originalEvent,type,page) {
                alert("type:" + type + ",Page:" + page);
            }
        }


        $('#example').bootstrapPaginator(options);
    </script>
   
    </form>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!