jquery.paginate分页插件使用

①:引入jquery.paginate.js和style.css及图片文件

②:在页面适当位置加入以下代码

③:初始化插件


$(document).ready(function(){ 
			 // $("#pager").pager({ pagenumber: _currentPage, pagecount: _totalPage, buttonClickCallback: PageClick });
			 if(parseInt("${totalPage}")<=1){
				$("#demo1").hide();
			}else{
				$("#demo1").show();
			}
			 $("#demo1").paginate({
				count 		: ${totalPage},//总页数
				start 		: ${currentPage},//当前页码
				display     : 10,//设置每页显示页码数
				border					: true,
				border_color			: '#B0B0CC',//border颜色
				text_color  			: '#5C6C90',//字体颜色
				background_color    	: '#FAFFFF',	
				border_hover_color		: '#000E53',
				text_hover_color  		: '#fff',
				background_hover_color	: '#2F6BA7', 
				images					: false,
				mouse					: 'press',
				onChange: function(page_index) {
			       location.href = "${basePath}/page/to_indudetail.html?induId=0&typeFlag=${typeFlag}¤tPage="+page_index;//这里如果使用异步刷新 直接调用异步方法如 ajaxQuery(page_index),注意使用异步方法后重新初始化插件
			    }
			});


你可能感兴趣的:(插件)