jQuery分页跳转插件

所属分类:导航-分页

 10364  23  查看评论 (36)
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该插件即可
  分页
 16341  44

jQuery 分页插件Jquery Pagination Plugin

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

jQuery分页插件cypager

jQuery分页插件cypager传入总页数和每页显示条数,可设置显示多少位数字,ajax请求后台返回当前页条数
  分页
 11824  23

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 8845  55

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

    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,我试了试,没弄出来,求帮忙

    回复
    丁德航Claer决定勇敢 0
    2017/11/5 17:48:20

    jQuery版本有要求吗?

    回复
    丁德航Claer决定勇敢 0
    2017/11/5 17:46:59
    徒生&眼泪℃ 0
    2017/10/26 11:54:30
    怎么在页面添加html代码   分页的内容 回复
    逆ζ???光 0
    2017/10/24 13:58:07
    默认加载的页面不触发回调函数怎么修改  回复
取消回复