简单的jQuery分页插件

所属分类:导航-分页

 56112  382  查看评论 (153)
分享到微信朋友圈
X
简单的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分页插件pagination.build.js

jQuery分页插件pagination.build.js根据页数生成页码,配置简单使用方便
  分页
 30027  316

jQuery分页插件(原创)

jQuery分页插件,支持ie8及以上,注意jquery 2.0版本及以上不支持ie8及以下了
  分页
 22164  224

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 56359  337

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 41332  388

讨论这个项目(153)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    微妙的感觉 0
    2019/10/26 16:59:31
    后台获取的总页数怎么动态加进去 回复
    xyl1992 0
    2019/9/16 15:28:43
    我斗胆问一下,我数据放哪?
        葬梦0
        2019/9/16 15:49:32
        wfu.otherData=你的数据
        葬梦1
        2019/9/16 15:50:38

        错了,你不需要给数据,给我两个数字就好,总数和当前页

        $("#page").initPage(71,1,tt);

        总数是71,当前页第一页,你的总数是多少

    回复
    简永杰 0
    2019/1/24 17:09:30
    为甚设置的页数对应不上?maxshowpageitem :2,pagelistcount : 3,这样子末页是34?判断末页的依据在哪里?
        葬梦0
        2019/1/24 17:55:17
        $("#page").initPage(71,1,tt);
        总数是71,当前页第一页,你的总数是多少
    回复
    早开的长途班 0
    2018/11/16 17:08:39
    感谢大佬。非常好用 回复
    TwoEgs 0
    2018/8/21 20:24:33
    返回的是list怎么带有数据总量? 回复
    TwoEgs 0
    2018/8/21 16:02:03
    怎么设置总页数啊 回复
    橘子味汽水 0
    2018/5/11 17:47:31
    用这个分页,请求数据要请求后端所有数据然后前台分页?
        葬梦0
        2018/5/12 10:20:43
        不是,部分数据
    回复
    果冻 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
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复