jQuery分页跳转插件

所属分类:导航-分页

 21636  39  查看评论 (47)
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);
    }
});
相关插件-分页

基于Vue的分页插件pagination.js

基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.js
  分页
 24500  31

基于jquery和bootstrap的分页插件jqPaginator.js

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

刷新页面不变的分页插件

jQuery刷新页面页面不会改变的分页插件
  分页
 4637  17

jQuery分页插件

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

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

    阳光好刺眼 0
    2018/6/7 15:33:06
    为什么一直报page么有定义 回复
    萝莉是个大胖子 0
    2018/5/3 13:49:29
    请问在移动端会自动显示两行怎么解决 回复
    封帝王者 0
    2018/4/25 11:29:18
    怎么设置每页显示的数量 回复
    【自在繁星】 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的时候无法渲染页码

        这些年1
        2018/5/24 11:24:06
        改源码吧,源码166行中“if(set.num<=1){”这行代码中去掉“=”;
    回复
    归歧 0
    2017/12/22 16:18:47

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

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

    为什么说page  is  not defined

        阳光好刺眼0
        2018/6/7 15:33:59
        解决了吗
    回复
    ┆隐身?不可见 0
    2017/12/18 13:40:01

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

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

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

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

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

    回复
取消回复