简单实用的jQuery分页插件Page

所属分类:导航-分页

 37806  51  查看评论 (55)
简单实用的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
    }
});

或在演示中看到:) 


相关插件-分页

jQuery长文本分页插件textify

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

jquery分页插件

堪称完美jquery分页插件
  分页
 24505  101

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 23060  44

jQuery卡片分页插件

可用于对特定的数据绑定dom分页
  分页
 1481  5

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

    Linnn丶 0
    2018/5/16 11:59:02
    一个页面两个分页的话 当我点击第一个分页的页码时 调用的为什么是第二个分页的回调函数呢 回复
    Linnn丶 0
    2018/5/16 11:57:36
    一个页面两个分页的话 当我点击第一个分页的页码时 调用的为什么是第二个分页的回调函数呢 回复
    小鱼的理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/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

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

    回复
    梁枭 0
    2017/11/7 1:26:20

    这个怎么重置页面啊,比如我现在点到了第三页,然后我点了排序,我需要把分页按钮重置成1开始,难道要重新调用一次吗

    回复
      0
    2017/11/2 10:58:53

    callback那里怎么跳转到其他页面?

        cry1011
        2017/11/2 14:07:57

        callback一般是用ajax的回调然后去操作dom,

        如果要跳页面的话应该window.localtion.href = 'xxx/xxx?pageNo=1' 

        大概是这样吧

    回复
    露侦探身边的核华生 0
    2017/9/26 10:49:19

    内容怎么加上去啊

    回复
取消回复