简单实用的jQuery分页插件Page

所属分类:导航-分页

 25109  44  查看评论 (35)
简单实用的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
    }
});

或在演示中看到:) 


相关插件-分页

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 10189  61

jQuery 分页插件Jquery Pagination Plugin

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

jQuery简单分页

jQuery简单分页,代码少使用简单。
  分页
 10884  50

简单的jquery分页效果

简单分页效果
  分页
 23072  62

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

    、Blues 0
    2017/6/24 1:46:08

    怎么查询数据库动态改变总页数?

    回复
    天隅―刘洪延 0
    2017/6/19 16:26:46

    这个判断条件有点问题

        天隅―刘洪延1
        2017/6/19 16:27:42
        (pageshow > 1&&pageshow <= nums/2)||(pageshow > l-nums/2&&pageshow < l+1)
    回复
    天隅―刘洪延 0
    2017/6/19 16:24:59
    发现个问题,当分页总页数为8的时候,一直点击上一页或者下一页就会出现NaN 回复
    独身主义者 0
    2017/5/31 20:08:21
    跳转页面时page一直都是1 回复
    北海北 0
    2017/3/28 14:52:25
    一个页面出现连个以上的分页。用这个插件就会出现bug,第二个分页的后退键偶尔会不好用
        大大温暖。0
        2017/4/20 18:41:26

        对的,我也是这个问题,我调用了两次,发现第二个分页bug百出,希望给个解决办法

    回复
    最美不过下雨天 0
    2017/3/22 14:50:21

    请问html页面要怎么定义呢?只用 <div id="page"></div> 吗?

        最美不过下雨天0
        2017/3/22 14:51:21

        我的上去没有样式啊  能贴一下html 的代码吗

        cry1010
        2017/3/22 17:35:28

        就这样就可以,样式你看下css文件有引进吗,或者自己写的样式也行

    回复
    Ostrich 0
    2017/3/16 13:56:24

    你好,我现在点击第二页的时候,每次调用这个方法,初始的选中页码只能是1吗?

        Ostrich0
        2017/3/16 14:05:35

        已经解决

        时光吹老了好少年0
        2017/3/31 17:38:36

        怎么解决的

    回复
    Kai 1
    2017/3/8 17:09:50

    js中fpageNext方法因为是倒着遍历的,可能会出现不能整除的情况,这个时候下标就会出问题,应该需要向上取整

    回复
    皮脸蛋儿 0
    2017/2/22 12:00:13
    我在callback里面写的ajax,获取到的总页数怎么传给totalpages
        cry1011
        2017/2/22 14:15:59
        外面定义个全局变量totalPage,然后赋值即可
        皮脸蛋儿0
        2017/2/23 9:21:53
        应该是我的方法不对吧,我初始化有一次ajax的请求,然后分页有一次ajax请求,我想把上面后台传过来的总页数放到下面,创建了一个全局变量,还是不太管用,可能因为是异步的原因吧,方便加您一个联系方式么?
        皮脸蛋儿0
        2017/2/23 9:27:27
        async改成false就可以了,谢谢了啊
        Litchi,gh0
        2017/6/27 12:34:21
        你好,你的demo可以给我看看吗
    回复
    奋斗 0
    2017/2/7 17:47:09

    如何设置当前页的页码

    回复
取消回复