简单实用的jQuery分页插件Page

所属分类:导航-分页

 27905  46  查看评论 (40)
简单实用的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前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 18669  73

好看的分页插件-JQUERY PAGINATION PLUGIN

好看的分页插件-JQUERY PAGINATION PLUGIN
  分页
 42808  46

24款超实用的Web 2.0风格翻页代码

24款超实用的Web 2.0风格翻页代码
  分页
 19899  55

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 23607  60

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

    梁枭 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

    内容怎么加上去啊

    回复
    露侦探身边的核华生 0
    2017/9/25 11:20:32

    你好,这个插件可以一个页面多用吗?

    回复
    、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文件有引进吗,或者自己写的样式也行

    回复
取消回复