简单的jQuery分页插件

所属分类:导航-分页

 29055  77  查看评论 (142)
简单的jQuery分页插件 ie兼容8

更新时间:2017/7/10 下午4:08:23

更新说明:修复点击后不是显示当前页的bug


更新时间:2017/6/30 上午9:58:17

更新说明:关于window.location.href会平凡刷新的问题,做个更改,十分抱歉,是我考虑不周!


更新时间:2017年5月10日14:15:18

更新说明:如果使用多个分页,那么会产生冲突,这里做个调整,更改了JS代码,其它所有的都不变,包括使用方法


使用方法

一、导入相关的JS和CSS

<link href="page.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="page.js"></script>

二、创建一个分页列表ul

<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>

注意:

maxshowpageitem :最多显示的页码数字,必需pagelistcount : 每一个页面显示的数据的个数,必需id : 不用解释了吧,必需三、初始化分页

var GG = {
        "kk":function(mm){
            alert(mm);
        }
    }
$("#page").initPage(71,1,GG.kk);

或者:

function tt(dd){
    alert(dd);
}  
$("#page").initPage(71,1,tt);

注意:自己创建的脚本函数要设置一个参数,这个参数回返回当前点击的页面的页码

相关插件-分页

jQuery table分页插件

一款简单快速的前后端分页双套代码
  分页
 12208  74

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 9983  15

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 27133  64

jQuery前端分页插件pageGroup.js

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

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

    果冻 0
    2018/4/13 7:05:11
    为什么我把总页数设置成1,页面会显示总页数是100啊
        葬梦0
        2018/4/13 7:06:07
        看看你传进去的参数是否正确
    回复
    如何是好 0
    2018/3/22 9:41:08
    大神, 你这个组件支持vue吗? 回复
    有个名字真好 0
    2018/3/13 0:17:51
    为什么找不到这个方法呀 提示 not function 求解
        葬梦0
        2018/3/13 9:07:42
        联系我看看
        葬梦0
        2018/3/13 9:08:35
        1120850353
    回复
    Damon 0
    2018/1/25 18:42:59
    用是能用上了,但是放在div里面怎么让控件居中啊~~~~ 回复
    单人旁 0
    2018/1/17 15:36:47

    大哥 分页查询 可以使用这个? 能教一下怎么使用?

    回复
    xinging 0
    2017/11/25 14:35:03

    页面内容是DIV如何使用这个翻页插件呢

    回复
    囡囡的长腿大叔?? 0
    2017/11/21 11:26:44

    大神,我选择第五页之后刷新页面,又回到第一页了。怎么让他刷新还是在当前页

        葬梦0
        2017/11/21 11:28:44

        刷新页面可以的,但是在刷新页面之后你要给与一个值,就是当前页是第几页,然后填写在初始化函数中就OK

    回复
    YNG 0
    2017/11/13 11:18:35

    你好,我想问一下做ajax请求的时候,返回值是应该返回所有的数据,还是应该在后端写好跟pageid有关的sql查询,也就是说每次返回指定个数,和后台有关吗?

        葬梦0
        2017/11/21 11:29:35
        一部分数据就好,无需所有的数据,但是要有个总数据有多少
    回复
    邢猛 0
    2017/9/29 10:49:12

    大神 如果一条数据都没有,可以隐藏页码插件的显示么?

        葬梦0
        2017/9/30 20:04:42

        可以,只有执行初始化函数就可以显示了,但是呢,如果你不想要,你要删除你可以直接remove,或者不执行这个初始化函数

    回复
    Undefined 0
    2017/9/17 17:49:01

    求页码的点击事件在哪里添加  我是做后端的   看了很多的分页按钮  找不到与后台交互的入口一脸懵逼 

        葬梦0
        2017/9/18 19:08:38

        在回调函数中写ajax获取数据,然后展示

    回复
取消回复