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

本文介绍了一款基于jQuery的自定义JavaScript分页插件,该插件支持自定义每页显示的条目数、页码样式等,并提供了触发分页事件的回调函数。通过简单的配置,即可为网页元素添加分页功能。
****** 生成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

转载于:https://www.cnblogs.com/top5/archive/2010/01/30/1660201.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值