//jquery页码控件
// 创建一个闭包
(function($) {
// 插件的定义
$.fn.pageTool = function(options) {
var totalPage = Math.ceil(total/pageSize);
var htmlStr = [];
htmlStr.push('...');
$('#kkpager').html(htmlStr.join(''));
//首页
$('#frist_page').click(function(){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: 1,
showNum: showNum,
callback: function(curPage) {
}
});
});
//上一页
$('#back_page').click(function(){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: curPage-1,
showNum: showNum,
callback: function(curPage) {
}
});
});
//绑定页码事件
$('.pageNum').click(function(){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: parseInt($(this).text()),
showNum: showNum,
callback: function(curPage) {
}
});
});
//下一页
$('#next_page').click(function(){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: ((curPage+1)>totalPage)?(totalPage):(curPage+1),
showNum: showNum,
callback: function(curPage) {
}
});
});
//最后一页
$('#last_page').click(function(){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: totalPage,
showNum: showNum,
callback: function(curPage) {
}
});
});
//跳转页面绑定事件
$('#kkpager_btn_go').click(function(){
if(checkRate(total, pageSize)){
$(this).pageTool({
total: total,
pageSize: pageSize,
curPage: parseInt($('#kkpager_btn_go_input').val(),10),
showNum: showNum,
callback: function(curPage) {
}
});
}
});
//调整每页显示多少条数据
$('#max_item').change(function(){
$(this).pageTool({
total: total,
pageSize: parseInt($('#max_item').val(),10),
curPage: 1,
showNum: showNum,
callback: function(curPage) {
}
});
});
};
//判断奇偶
function chk(num){
return (num%2 == 0)?1:0;
}
//判断是不是整数
function checkRate(total, pageSize) {
var curPage = $('#kkpager_btn_go_input').val();
var re = /^[1-9]+[0-9]*]*$/;
if (notEmptys(curPage)){
if (!re.test(curPage)) {
alert("请输入正整数");
return false;
}else{
if(curPage <= Math.ceil(total/pageSize)){
return true;
}else{
alert("请输入正确的页码");
return false;
}
}
}
}
// 定义暴露format函数
$.fn.pageTool.fristPage = function() {
};
$.fn.pageTool.defaults = {
"total": 0,
"curPage": 1,
"pageSize": 10,
"showNum": 7,
"changeColor": true,
"changeMaxItem": true,
"goToOtherPage": true
};
// 闭包结束
})(jQuery);
//调用 $(function(){ $('#kkpager').pageTool({ total: 180, pageSize: 10, curPage: 1, showNum: 7, changeColor: true, changeMaxItem: true, goToOtherPage: true, callback: function(curPage) { } }); });
相关推荐
jQuery分页插件设置分页内容显示数量的分页代码 jQuery分页插件设置分页内容显示数量的分页代码
jquery分页插件带总数分页代码 jquery分页插件带总数分页代码
jquery分页插件结合jsp实例 有什么不晓得的加Q 359709421
jQueryPager(JQuery分页插件pagination实现Ajax分页) CSDN犀利助互群60168829
jquery分页插件-内有演示说明 很时用,一看就明白
简单实用的jquery分页插件,不会分页的人入门教程!
简单的jQuery分页插件下载是一款不用分页即可显示的jQuery插件jQuery.page.js。
实现效果: 结合CSS3实现的jQuery分页插件,分页的效果是很常用的,无论是前台还是后端管理系统,都会使用到分页,在企业站或商城网站中都是很实用的。php中文网推荐下载!
一个jQuery的分页插件,是在原来网上下载的jQuery的插件上扩展的,原来的是只有按钮的,扩展新增了可以选择用文本框或下拉框来选择跳转页面。因为出现过乱码问题,所以中文的那个里面的中文字符是用的Unicode的编码
jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件
jQuery 分页插件 有详细的使用教程,怎么用之类的 很详细 很实用 很漂亮
jquery 分页插件 kkpager jquery 分页插件 kkpager jquery 分页插件 kkpager
jQuery分页插件,代码少兼容性好,好用简单,快速集成。
jquery分页插件quickpaginate的使用,比较详细,对于table的分页
jquery分页插件-JqueryPagination.zip,前端jquery分页插件
jquery分页插件Quick Paginate下载,支持新闻列表,图片分页等
html 自己写的jquery分页插件 支持上一页 下一页 首页 尾页 下一篇 上一篇
jQuery分页插件(实例详尽,简单易用
用户体验非常不错的五种分页插件效果,这是国外某网站首推的效果,今天复制过来给大家分享一下,懒人之家推荐下载