jQuery分页跳转插件

所属分类:导航-分页

 19014  34  查看评论 (42)
jQuery分页跳转插件 ie兼容8

更新时间:2017/9/21 上午9:25:53

更新说明:修改文字不被选中,点击不会污染URL


更新时间:2017/9/13 下午8:57:21

更新说明:改改bug^_^*


更新时间:2017/9/8 下午9:05:15

更新说明:修改了跳转到页码显示NaN的bug,优化了代码


更新时间:2017/9/8 上午10:05:04

更新说明:添加了初始显示页码的参数,需要显示指定页,可根据参数来修改

Page({
    num:10,//页码数
    startnum:3,//指定页码
    elem:$('#page2'),//指定的元素
    callback:function(n){//回调函数
        console.log(n);
    }
});

使用方法

引用jQuery和插件,还有样式表

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

html:

<div>
    <ul class="pagination" id="page1"></ul>
    <div class="pageJump">
        <span>跳转到</span>
		<input type="text"/>
		<span>页</span>
		<button type="button" class="button">确定</button>
    </div>
</div>

js 调用:

Page({
    num: 5,
    elem: $('#page1'),
    callback: function(n) {
        console.log(n);
    }
});
相关插件-分页

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 22909  81

jQuery table分页插件

一款简单快速的前后端分页双套代码
  分页
 12070  73

自制实用主义分页插件

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

实用美观的jquery 分页

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

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

    【自在繁星】 0
    2018/3/2 10:15:13

    很好用的插件,不过一般来说建议,num(页码数)的参数应该是(总条数+每页显示数-1)/每页显示数然后取整即

    num:parseint((count+showpage-1)/showpage),//页码数
    回复
    ?. Er Da?*ぺ 0
    2017/12/27 18:07:40
    Page({
        num: 7, //页码数    
        startnum: 6, //指定页码     
        elem: $('#page1'), //指定的元素   
        callback: function(n) { //回调函数      
            console.log(n);
        }
    });

    请问页码数为1的时候无法渲染页码

    回复
    归歧 0
    2017/12/22 16:18:47

    请问怎么指定页面显示条数呢……?

    回复
    xm,小美,xm 0
    2017/12/20 16:31:43

    为什么说page  is  not defined

    回复
    ┆隐身?不可见 0
    2017/12/18 13:40:01

    如何去掉跳转尾页的按钮???

    回复
    123 0
    2017/11/16 11:03:29

    页码多的时候,点击页码不会跳转,没有反应

    回复
    野盟小V 0
    2017/11/14 11:10:06

    你好作者!有个BUG,当一个页面加载两个分页的话,当一个的分页不足一页的时候,两个分页都会消失,这个测试过吗?

    回复
    潘祖伟-商虎中国 0
    2017/11/8 11:45:50

    请求数据的地址写在哪里

    回复
    丁德航Claer决定勇敢 0
    2017/11/6 17:10:46
    你这个有bug,样式中的input框的宽度不生效,必须要我自己设置<input type="text" style="width: 13%;"/> 才生效 回复
    丁德航Claer决定勇敢 0
    2017/11/6 16:10:09

    请问为什么从外部引入的js,写如下代码无效:

    Page({
        num: 7, //页码数 
        startnum:6,//指定页码	
        elem: $('#page1'), //指定的元素 
        callback: function(n) { //回调函数	
            console.log(n);
        }
    });

    写在内部却有效?

    回复
取消回复