您的位置：首页 > Web前端 > JQuery

jquery.paginate分页插件使用

2015-03-18 11:56 375 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航