jquery.paginate分页插件使用

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

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

<div id="demo1"></div>
③:初始化插件


$(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),注意使用异步方法后重新初始化插件
			    }
			});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值