(function($) {
var pageUtil = function() {
var sum_pages = 0;
return {
/**
* 验证分页跳转页数,正整数
* @param 跳转页数
* @returns true/false
*/
validatePages : function(param) {
if (param != "" && param!= null) {
var reg = /^[1-9]\d*$/;
return reg.test(param);
} else {
return false;
}
},
/**
* 验证分页跳转页数
* @param go_pages 跳转页数
* @returns
*/
validateSum : function (go_pages) {
return parseInt($('#total_pages').text()) >= go_pages;
},
/**
* 计算分页,改变页码的样式
*/
createpagesIndex : function(sum, pages, count) {
/** 计算分几页 */
if (sum % count == 0) {
sum_pages = sum / count;
} else {
sum_pages = sum / count + 1;
}
sum_pages = Math.floor(sum_pages);
/** 显示总页数,当前页数 */
$('#now_pages').text(pages);
if (sum_pages == 0) {
$('#total_pages').text(1);
} else {
$('#total_pages').text(sum_pages);
}
/* 当数据只有一页时,全部禁用 */
if (sum_pages > 1) {
/* 禁用首页和上一页 */
if (pages == 1) {
$("#first_pages").attr({
style : "color: gray;"
});
document.getElementById("first_pages").disabled = true;
$("#before_pages").attr({
style : "color: gray;"
});
document.getElementById("before_pages").disabled = true;
} else {
$("#first_pages").attr({
style : "color: #428bca;"
});
document.getElementById("first_pages").disabled = false;
$("#before_pages").attr({
style : "color: #428bca;"
});
document.getElementById("before_pages").disabled = false;
}
/* 禁用尾页和下一页 */
if (pages == sum_pages) {
$("#next_pages").attr({
style : "color: gray;"
});
document.getElementById("next_pages").disabled = true;
$("#last_pages").attr({
style : "color: gray;"
});
document.getElementById("last_pages").disabled = true;
} else {
$("#next_pages").attr({
style : "color: #428bca;"
});
document.getElementById("next_pages").disabled = false;
$("#last_pages").attr({
style : "color: #428bca;"
});
document.getElementById("last_pages").disabled = false;
}
} else {
$("#first_pages").attr({
style : "color: gray;"
});
document.getElementById("first_pages").disabled = true;
$("#before_pages").attr({
style : "color: gray;"
});
document.getElementById("before_pages").disabled = true;
$("#next_pages").attr({
style : "color: gray;"
});
document.getElementById("next_pages").disabled = true;
$("#last_pages").attr({
style : "color: gray;"
});
document.getElementById("last_pages").disabled = true;
}
},
/**
* 跳至首页
*/
gotoFirstPages : function(pages,event) {
if (pages != 1) {
pages = 1;
event(pages);
}
},
/**
* 跳至上一页
*/
gotoPrvePages : function(pages,event) {
if (pages > 1) {
pages--;
event(pages);
}
},
/**
* 跳至下一页
*/
gotoNextPages : function(pages,event) {
if (pages < sum_pages) {
pages++;
event(pages);
}
},
/**
* 跳至尾页
*/
gotoEndPages : function(pages,event) {
if (pages != sum_pages) {
pages = sum_pages;
event(pages);
}
},
}
}();
window.pageUtil = pageUtil;
})(jQuery);
<!--分页器-->
<div class="pagination_box">
<ul class="paginations">
<li id="first_pages">首页</li>
<li id="before_pages">上一页</li>
<li><span id="now_pages">0</span>/<span id="total_pages">0</span></li>
<li id="next_pages">下一页</li>
<li id="last_pages">尾页</li>
</ul>
<div>
<input type="text" id="index_pages" placeholder="输入页码"/><span id="changepages">跳转</span>
</div>
</div>