jquery插件:web2.0分格的分页脚,可用于ajax无刷新分页

****** 生成js分页脚 ******
**** 没剑( 2008 - 03 - 05 ) ****
修改日期:
2008 - 3 - 12
添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量

参数:  pagesize:
10    // 每页显示的页码数
        ,count:
0                  // 数据条数
        ,css:
" mj_pagefoot "        // 分页脚css样式类
        ,current:
1                // 当前页码
        ,displaynum:
7              // 中间显示页码数
        ,displaylastNum:
5          // 最后显示的页码数
        ,previous:
" 上一页 "        // 上一页显示样式
        ,
next : " 下一页 "            // 下一页显示样式
        ,paging:
null              // 分页事件触发时callback函数
        
使用:
    $(
" div " ).pagefoot({
        pagesize:
10 ,
        count:
500 ,
        css:
" mj_pagefoot " ,
        previous:
" < " ,
        
next : " > " ,
        paging:
function (page){
                alert(
" 当前第 " + page + " " );
            }
    });
    以上代码为所有div加上分页脚代码
*/

其中要特别说明一下其中的一个参数: paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:
 paging: function (page){
                location.href
= " ?page= " + page;
            }

当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
 paging: function (page){
                //ajax.loaddata(
page);
            }

没有什么技术含量,权当练手吧,哈哈
下载DEMO

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