通用分页 (基于jquery、bootstrap)

这是一个基于Bootstrap的通用分页组件v2.0,支持多分页条互不干扰,配置灵活,可动态调整分页参数。提供当前页码、总页数、最大显示页码长度和单页显示设置,还包含回调函数和初始化方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 基于bootstrap的"通用分页"v2.0(有人用的话,我可以升级)

实现:

          1.同一个页面下,多个分页条互不干扰。

          2.配置、使用方便。

          3.通过配置、修改容器的属性(pagenumber、totalpage、paginationMaxLength、onlyOnePageIsShow),来动态改变分页条

参数:

          1.pagenumber                       当前页码(必填)

          2.totalpage                            总页数(必填)

          3.paginationMaxLength         页码最大显示长度数(默认10,可以去pagination.js中设置)

          4.onlyOnePageIsShow          只有一页的时候是否显示(默认true,可以去pagination.js中设置)

回调函数:

          1.回调函数 paginationClick(pagination_id) :                 pagination_id是单击页码<li>时对应的容器的id。所以容器一定要有id(如下div)

常用的方法:

          1.Initpagination(element);                         初始化或更新 element分页条

          2.paginationInit();                                      初始化或更新 所有分页条

====================================================================================================================================

测试代码:
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/boots
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值