jQuery分页跳转插件

所属分类:导航-分页

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分页插件

jQuery分页插件,自带回调页数,代码少有注释。
  分页
 5532  21

JqueryPagination分页插件

JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
  分页
 28850  82

简单的jQuery分页插件

简单粗暴的jQuery分页,代码少兼容好。
  分页
 22259  67

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 5589  23

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

    唯一 0
    2017/9/24 5:44:14

    页码超过10页在次点击时候中间页码显示不对

    回复
    jiali 0
    2017/9/19 15:58:32

    好了  找到了  作者你把a标签的

    href去掉吧

    回复
    jiali 0
    2017/9/19 15:55:42

    为什么点击后页面会自动回到顶部 ,你源码中没有scroll啊 怎么回事啊

        0
        2017/9/21 9:29:05
        ctrl +f  找到# 全部替换javascript:;  就不会出现这个问题
    回复
    今世的缘 0
    2017/9/18 21:22:49

    为啥改完了

    还有bug啊,这个代码有问题啊

    回复
    流风之回雪 0
    2017/9/16 20:41:25

    有没有办法把选择的值传给controller

    回复
    别在寂寞的时候说爱我 0
    2017/9/13 20:58:21

    不好意思啊,我也是学习中的小菜鸟,我会努力的,新的代码已更新,这次是测了很多次的了

    回复
    扯。淡。 0
    2017/9/13 17:53:44

    第一个还是有bug

    回复
    子非鱼,安知鱼之乐 0
    2017/9/12 22:27:31

    请问一下 如何调用呢  1 2 3这些如何显示在页面上  js这块我是萌新 

        别在寂寞的时候说爱我0
        2017/9/13 21:01:22
        Page({    
            num: 5,                         //页码的数量   
            elem: $('#page1'),         //调用的元素   
            callback: function(n) {   //回调函数,n是返回的页码        
                console.log(n);    
            }
        });
    回复
    Decade小肥佬 0
    2017/9/8 14:16:25
    一直点击上一页的时候,到了...的说话就会报NaN,1和3之间的2不显示.! 求救作者大大!!!!!
        别在寂寞的时候说爱我0
        2017/9/8 18:12:09
        是在什么浏览器呢?我点击演示的时候没有啊
    回复
    Keep-Silence 0
    2017/9/8 9:30:32

    每次刷新页面都初始化了插件 如何处理 

        别在寂寞的时候说爱我0
        2017/9/8 9:34:32
        感谢提出问题,我会继续努力改进的
        Decade小肥佬0
        2017/9/8 11:06:44
        如何处理???
        Decade小肥佬0
        2017/9/8 11:08:26

        我现在也遇到了这个问题 求作者大大江湖救急

        别在寂寞的时候说爱我0
        2017/9/8 11:32:53

        已经跟新了

        别在寂寞的时候说爱我0
        2017/9/8 11:34:20

        可以通过传递参数修改startnum:3,//指定页码

        Keep-Silence0
        2017/9/8 13:55:23

        感谢作者  非常感谢

        Keep-Silence0
        2017/9/8 15:18:39

        作者有没有自己试过呢 出现了好多的bug

        别在寂寞的时候说爱我0
        2017/9/8 19:45:55

        比如说

        bobox0
        2017/9/10 21:56:45

        bug 改了又有,算了,放弃。作者用实际数据多测试一下。

    回复
取消回复