jQuery简单分页

所属分类:导航-分页

 27732  82  查看评论 (105)
jQuery简单分页 ie兼容6

更新时间:2017/9/19 下午1:35:49

更新说明:调整兼容性,兼容ie6、ie8


更新时间:2017-9-1 16:27:11

更新说明:修复setPage方法


更新时间:2017/8/16 下午10:07:56

更新说明:修复回调函数多次执行


更新时间:2017-8-16 11:00:41

更新说明:修复二次调用插件总页数为1时的BUG

新增:

1. 获取当前页数和总页数

$("#pagination3").pagination("getPage");// 获取当前页数和总页数

2. 设置当前页数和总页数

$("#pagination3").pagination("setPage", 1, 10);// 参数2:当前页数,参数3:总页数

3. 插件配置参数当前页数(currentPage)和总页数(totalPage)都是Number类型


使用方法

1.引入样式和脚本

<link rel="stylesheet" href="css/jquery.pagination.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/jquery.pagination.min.js"></script>

2.调用插件

$("#pagination3").pagination({
   currentPage: 4,// 当前页数
   totalPage: 16,// 总页数
   isShow: true,// 是否显示首尾页
   count: 7,// 显示个数
   homePageText: "首页",// 首页文本
   endPageText: "尾页",// 尾页文本
   prevPageText: "上一页",// 上一页文本
   nextPageText: "下一页",// 下一页文本
   callback: function(current) {
       // 回调,current(当前页数)
   }
});
相关插件-分页

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 22232  157
  分页
 31417  66

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 14734  89

jQuery分页插件bs_pagination

bs_pagination是jQuery分页插件,基于Bootstrap。完全可配置的,响应网页设计。
  分页
 37743  131

讨论这个项目(105)回答他人问题或分享插件使用方法奖励jQ币

    esn 0
    2018/4/11 11:30:30
    totalpage不传具体值 就不行了啊
        小王同学0
        2018/4/16 15:41:28
        解决了吗
        小王同学0
        2018/4/16 16:00:32
        我解决了 他是先随便赋值初试化插件 然后再用第三个插件的setpage按自己想要的设置 如果我没理解错的话哈哈
    回复
    沐梓~菱 0
    2018/3/19 15:36:14
    为什么只有一页就不显示。。。 回复
    追逐 0
    2018/3/9 10:32:01
    没有快速翻页功能玩个蛋啊 回复
    Damon 0
    2018/1/24 19:29:50
    和项目里面原本的js文件冲突了,IE11和谷歌浏览器下不会冲突,但是IE8下就冲突了。好郁闷 回复
    yanlon 0
    2017/12/15 9:29:07

    你的例子调用是错的,而且你的跳转没有加回调

    回复
    ζ??????°Se7en 0
    2017/11/9 10:08:38

    有源码吗?  我如果有一页的话 也想让他显示,为了提醒客户,但是现在就消失了。

    回复
    Z 0
    2017/10/28 23:21:47

    为什么说没有这个函数

    回复
    Z 0
    2017/10/28 23:18:29

    求解为什么在另一个界面能用   在这个界面又识别不了这个函数了

    回复
    叶半夏 0
    2017/10/17 18:18:14

    怎么获得当前点击的页码,实现更新currentPage.给页码绑定单击事件绑不上,求解答

        sai1231231230
        2017/10/26 16:28:08

        我也这情况

        透。心凉、1
        2017/10/27 14:14:04
        点击事件已经自动给绑好了,不是有个回调函数么。回调函数里面的参数就是当前点击的页码。 callback: function(current) {      // 回调,current(当前页数)  }
    回复
    zqlkk 0
    2017/10/16 15:42:22
    可以发不压缩的js出来吗,我要的效果是按下第一页时,首页和<按键也还存在 回复
取消回复