jQuery分页跳转插件

所属分类:导航-分页

 15972  31  查看评论 (41)
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和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 18026  46

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 20571  44

jQuery分页插件

根据获取内容显示不同页数并可输入页码跳转
  分页
 28380  215

jQuery分页插件bs_pagination

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

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

    ?. 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);
        }
    });

    写在内部却有效?

    回复
    青墨 0
    2017/11/6 12:05:34

    您好,我怎么才能在另一个函数中,取出这些变量呢,比如取出页码数, num:20,我试了试,没弄出来,求帮忙

    回复
取消回复