简单实用的jQuery分页插件Page

所属分类:导航-分页

 114719  355  查看评论 (63)
分享到微信朋友圈
X
简单实用的jQuery分页插件Page ie兼容6

Page

我第一个的插件。

它是简单的分页插件。

使用方法

<link rel="stylesheet" type="text/css" href="src/jquery.page.css">

或你自己css;

你需要把jquery在jquery.page.j前引用

<script src="src/jquery.min.js"></script>
<script src="src/jquery.page.js"></script>

如何使用┱

$("#page").Page({
    totalPages: 14,//total Pages
    liNums: 7,//the li numbers(advice use odd)
    activeClass: 'activP', //active class style
    firstPage: '首页',//first button name
    lastPage: '末页',//last button name
    prv: '?',//prev button name
    next: '?',//next button name
    hasFirstPage: true,//whether has first button
    hasLastPage: true,//whether has last button
    hasPrv: true,//whether has prev button
    hasNext: true,//whether has next button
    callBack : function(page){
        //callBack function,page:active page
    }
});

或在演示中看到:) 


相关插件-分页

官网分页特效

官网分页特效
  分页
 42169  394

简单的Vue分页插件pagination.js

分页插件,带省略的Vue分页插件
  分页
 53818  355

jQuery卡片分页插件

可用于对特定的数据绑定dom分页
  分页
 35666  335

jQuery分页插件适配PC端移动端

jQuery分页插件,适配PC端、移动端
  分页
 47306  331

讨论这个项目(63)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    遗忘の时光 0
    2019/4/28 0:17:04
    怎么查询数据库动态改变总页数? 有这个功能吗 回复
    繁攘丶如? 0
    2018/10/8 16:29:37
    怎么设置页数为1的bug啊 回复
    小怪兽 0
    2018/8/26 16:15:39
    跳转页面时page一直都是1怎样解决 回复
    Linnn丶 0
    2018/5/16 11:59:02
    一个页面两个分页的话 当我点击第一个分页的页码时 调用的为什么是第二个分页的回调函数呢 回复
    Linnn丶 0
    2018/5/16 11:57:36
    一个页面两个分页的话 当我点击第一个分页的页码时 调用的为什么是第二个分页的回调函数呢
        小鱼的理xiǎng0
        2018/6/26 11:42:07
        这个需要自己改下插件,每个点击事件里都是改变所有的类,自己该成当前obj下面的class
        bro0
        2019/2/21 19:24:07
        事件委托 的时候 怎么改成 obj下面的元素
    回复
    小鱼的理xiǎng 0
    2018/4/27 11:23:29
    发现一个问题,当liNums(分页数字按钮数)为5,总页数为6{总页数比分页按钮数大1}时,就会出现NaN 希望作者能修该下,谢谢
        cry1010
        2018/4/27 11:38:04
        许久没写jquery,让我研究下。。
        小鱼的理xiǎng0
        2018/4/27 11:42:45
        问题应该出在点击“PrvPage”以及"NextPage"的if判断里面,您修改好了,记得回复我下哈。谢谢了
        cry1010
        2018/4/27 13:57:20
        可以了,代码太乱。。感觉还会有bug
        https://github.com/cry101/Page/commit/183761ac27e8e8ff5def40f6128824b2c6a1ffff
        小鱼的理xiǎng0
        2018/4/27 16:55:36
        完美!在你的基础上加了一些判断:第一页的时候,禁用“首页”“上一页”,以及最后一页禁用下一页、末页.
        反复测试基本没什么问题了。谢谢!谢谢!谢谢!
        拥抱你的微笑像太阳。0
        2018/6/22 14:39:43
        你好 请问你这个禁用首页 上一页 下一页 末页 判断怎么写的?求回复
        小鱼的理xiǎng1
        2018/6/26 11:06:00
        在setPage方法里面判断index==l 则给下一页、最后一页按钮增加一个禁用的样式
        index==1 同理
        else则删除所有的禁用class
        小鱼的理xiǎng1
        2018/6/26 11:08:05
        在4个按钮的点击事件里也需要进行判断
    回复
    ???? 0
    2018/4/2 10:14:04
    有谁可以教下怎么写callback函数么,点击页数没反应啊
        ????0
        2018/4/2 10:20:47
        $.ajax({
            type: "POST",
            //提交方式                     
            url: "http://localhost:8080/Myblog/showBlog?pageNo=page",
            //路径                     
            data: {
                "pageNo": page
            },
        
            success: function(result) {
        
            }
        });

        点击分页的每个按钮,网址都没变化,怎么实现点击分页啊

    回复
    iversonlinn 0
    2018/1/30 11:52:07
    我callback里写的是ajax请求去访问第page页的数据    比如我点第二页  数据是第二页的但是为什么那个页数还是在1那里啊  回复
    Once‘ 0
    2017/12/14 15:20:37

    怎么设置分页总数

    回复
    囡囡的长腿大叔?? 0
    2017/11/22 15:46:49

    怎么增加一个转条页面的功能 。大神

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复