简单的jQuery分页插件

所属分类:导航-分页

 26657  74  查看评论 (135)
简单的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前端分页插件pageGroup.js

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

官网分页特效

官网分页特效
  分页
 13789  82

bootstrap paginat分页优化

增加显示当前页码、总页数,输入页码跳转,并且插件中的英文提示和注释都翻译成了中文
  分页
 5125  32

基于Vue的分页插件pagination.js

基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.js
  分页
 20115  30

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

    单人旁 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获取数据,然后展示

    回复
    wkd-709 0
    2017/9/5 13:39:59

    页数太多怎么办 页码咋全都显示?

        葬梦0
        2017/9/5 13:40:50
        联系我QQ:1120850353
        wkd-7090
        2017/9/5 13:45:09

        没事了 ,刚刚看错了 

        葬梦0
        2017/9/5 13:50:02

        好的,因为有人提过,然后写了一个版本,就是显示一共多少页的

    回复
    /* 0
    2017/8/19 10:57:59

    作者是个天才

        /*0
        2017/8/19 10:58:20

        真的解决了我的问题

    回复
    一颗心? 0
    2017/8/15 8:50:47

    怎么在一个页面中使用多个分页啊

        葬梦0
        2017/8/17 15:29:52
        道理都是一样的你多设置几个就好了
    回复
    web前端-朱世雄 0
    2017/8/10 11:03:25
    作者你好,怎么添加ajax 代码呀,刚开始学习前端,有太多的不会,麻烦你帮忙指导下。 回复
取消回复