jQuery开源组件--jqPaginator分页组件

DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

link type="text/css" rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css"/>
    
    script type="text/javascript" src="./Content/jQuery/jquery-3.2.1.min.js">script>
    script type="text/javascript" src="./Content/pagination/jqPaginator.js">script>
head>
body>
    input id="btn"  value="改变" type="button">
    
    p id="p1">p>
    ul class="pagination" id="pagination1">ul>
    p id="p2">p>
    ul class="pagination" id="pagination2">ul>
    script>
    $.jqPaginator(‘#pagination1‘, {
        totalPages: 100,
        visiblePages: 10,
        currentPage: 3,
                    first: ‘
首页‘,
            prev: ‘
上一页‘,
            next: ‘
下一页
‘,
            last: ‘
末页‘,
            page: ‘
{{page}}‘,
        onPageChange: function (num, type) {
            $(‘#p1‘).text(type + ‘：‘ + num);
        }
    });
    $.jqPaginator(‘#pagination2‘, {
        totalPages: 100,
        visiblePages: 10,
        currentPage: 3,
        prev: ‘
Previous‘,
        next: ‘
Next‘,
        page: ‘
{{page}}‘,
        onPageChange: function (num, type) {
            $(‘#p2‘).text(type + ‘：‘ + num);
        }
    });

       $("#btn").on("click", function () {
            $(‘#pagination1‘).jqPaginator(‘option‘, {
                totalPages: 10,
                currentPage: 1
            });
        });
    script> 
body>
html>