基于Bootstrap 3的简单分页翻页插件

所属分类:导航-分页

 18794  73  查看评论 (0)
分享到微信朋友圈
X
基于Bootstrap 3的简单分页翻页插件 ie兼容11

更新时间:2021-01-21 10:23:49

一直没找到一个合适的分页库,要不功能太多太杂,要不功能太少没有我需要的,于是我决定自己为自己写一个专用的。 

使用方法: 

这个样式用的Bootstrap 3(因为我懒得写新的样式了,如果你们需要,可以自己写),所以需要先引用: 

Bootstrap 3:

<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">

 jQuery: 

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

然后再引用该插件:

<script src="Pagination.js"></script>

html: 

<div class="container">
    <div class="myPagination"></div>
</div>

相关参数: 

  • page :当前页数 

  • int count:总数量   

  • int limit:每页显示数量  

  • int groups:显示多少个页码按钮 

  • int prev:自定义上一页按钮的HTML代码 

  • string next:自定义下一页按钮的HTML代码 

  • string first:自定义首页按钮的HTML代码  

  • string last:自定义尾页按钮的HTML代码 

相关插件-分页

自己编写的jquery分页插件,通用性很强(原创)

只需要传递后台获取的数据总条数和每页数量,回调返回当前页码数用于ajax请求
  分页
 31387  313

jQuery分页插件(原创)

jQuery分页插件,支持ie8及以上,注意jquery 2.0版本及以上不支持ie8及以下了
  分页
 25308  224

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 41184  364

jquery分页插件

jQuery分页插件兼容ie6,代码注释全。
  分页
 40859  336

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复