jqPaginator.min.js分页，bootstrap漂亮的中文分页条（demo）

第一步，先下载bootstrap分页插件，https://pan.baidu.com/s/1z339NyWctCbwKw2Z2nBCcg

第二步，将js和css放入你的工程目录，并导入界面

 第三步，body部分，设置初始化参数

    

       

              

                  

                      

                          

                              
#NO
                              
时间
                              
所属镇
                              
姓名
                              
性别
                              
年龄
                          
                      
                      
 
                      
                  
              
        
        

	         

			    

		        
		        
		        
		        
		        
		        
		        
		        
		        
	         
	    
    
     

 第四步，界面初始化

window.οnlοad=function(){
   loadData(1);  //加载数据列表
   //计算分好多页，先去拿总数量和一页显示的大小，用来计算分多少页
   var s=$("#PageCount").val()%$("#PageSize").val();
   if(s!=0){
   	  $("#countindex").val(Math.ceil($("#PageCount").val()/$("#PageSize").val()));
   }else{
 	  $("#countindex").val($("#PageCount").val()/$("#PageSize").val());
   }
   //设置页面显示几个分页条
   $("#visiblePages").val($("#countindex").val());
   //加载分页条
   loadpage();
} 

第五步，当前页变动的时候

//当你点击第几页的时候，也就是当前页数变动的时候，
function exeData(num,type) {
    loadData(num);   //将当前变动的页数赋值给异步拿数据的方法
    loadpage();   //加载分页条
}

第六步，和后台数据交互

// 初始化界面去后台拿数据
function loadData(num){
	   $("#currentPageNum").val(num); //当前页数
       $.ajaxSettings.async = false;    //设置为同步请求
	   $.post("/desktopAction.jsp",{"act":"chuguijingbao","curPage":num},function(json){
	        $("#outTimeList").html(""); //拼接数据之前，清空之前的数据
	        $("#PageCount").val(json[0].totalNum);//总条数
	        var outTimeData=json[0].GHGZJBData;
	        if(outTimeData.length>0){
	            for(var i=0; i"+	
	                    ""+(((num-1)*30+i)+1)+
					    ""+
				        ""+unescape($(outTimeData[i]).attr("c_dat3"))+
					    ""+
					    ""+unescape($(outTimeData[i]).attr("citys"))+
					    ""+
					    ""+unescape($(outTimeData[i]).attr("c_ex1"))+
					    ""+
					    ""+unescape($(outTimeData[i]).attr("c_ex2"))+
					    ""+
					    ""+unescape($(outTimeData[i]).attr("c_ex5"))+
					    ""+
				    "");
	    	    }
	        }else{
	             $("#pageDivHidden").css("display","none");
	             $("#outTimeList").append("暂无任何信息！");
	        }  
	},"json");
} 

 效果为：

不清楚的伙伴们，欢迎联系举哥QQ：1693940631