jQuery简单分页

所属分类:导航-分页

 31957  92  查看评论 (108)
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(当前页数)
   }
});
相关插件-分页

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 24322  45

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 19182  152

jquery分页插件

堪称完美jquery分页插件
  分页
 25437  102

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 28233  64

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

    0
    2018/5/22 8:51:05
    为什么页面 都显示不完整
    回复
    春沫、夏初 一季微笑 0
    2018/5/11 18:04:51
    回调里面怎么写的? 回复
    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

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

    回复
取消回复