js中分页插件试用方法:

<script type="text/javascript">
	var max_page = '{{max_page}}'
	var page = '{{page}}'
    $(function(){
        var element = $('#mypage');//获得数据装配的位置
        	//初始化所需数据
        var options = {
            bootstrapMajorVersion:3,//版本号。3代表的是第三版本

            currentPage: page, //当前页数
            numberOfPages: 5, //显示页码数标个数
            totalPages:max_page, //总共的数据所需要的总页数
            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;  
                }                 
            }, 
            tooltipTitles: function (type, page, current) {
				//如果想要去掉页码数字上面的预览功能,则在此操作。例如:可以直接return。
                switch (type) {
		            case "first":
		                return "首页";
		            case "prev":
		                return "上一页";
		            case "next":
		                return "下一页";
		            case "last":
		                return "尾页";
		            case "page":
		                return (page === current) ? "Current page is " + page : "Go to page " + page;
		        }
            },
            pageUrl:function(type,page, current){
            	return "/?page="+page
            },
            onPageClicked: function (e, originalEvent, type, page) {  
                 //单击当前页码触发的事件。若需要与后台发生交互事件可在此通过ajax操作。page为目标页数。
                 //console.log(e);
                 //console.log(originalEvent);
                // console.log(type);
            }
        };
        
        element.bootstrapPaginator(options);	//进行初始化
        
    });

</script>