实用的分页插件zxf_page.js

所属分类:导航-分页

 46542  389  查看评论 (84)
分享到微信朋友圈
X
实用的分页插件zxf_page.js ie兼容6

更新时间:2017/7/6 上午9:49:03

更新说明:更新了提出的多次绑定问题 另外,activepage: "",//当前页选中样式      activepaf: "",//下一页选中样式, 如果没有自定义样式的话这两个可以不写,否则会没有样式,可以实验下。在输入跳页的时候没有进行限制,感觉没有必要。源码没有压缩,需要的话可以自己修改一下,input在.js文件中注释有  /*尾部*/  部分


更新时间:2017/5/8 上午10:23:51

更新说明:修复由于总页数和每页显示个数导致的出现类似12...2345重复显示的问题


更新时间:2017/5/3 下午4:14:45

更新说明:修复提出的第几页固定值5的问题。

增加:

  1. shownum://每页显示个数,最小值5

  2. activepage当前页选中样式

  3. activepaf下一页选中样式

  4. 确认按钮对enter键的支持


使用方法

1、导入相关的css、js文件

<link rel="stylesheet" type="text/css" href="css/zxf_page.css"/>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/zxf_page.js" type="text/javascript" charset="utf-8"></script>

2.添加分页容器

<div class="zxf_pagediv"></div>

3.调用方法

<script type="text/javascript">
	$(".zxf_pagediv").createPage({
	    pageNum: 50,//总页码
	    current: 30,//当前页
	    backfun: function(e) {
                //console.log(e);//回调
	    }
	});
</script>
相关插件-分页

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 35868  352

超简单的jQuery分页功能

就是一个基础分页功能,支持加入ajax
  分页
 31012  198

jquery分页插件

堪称完美jquery分页插件
  分页
 52806  403

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 51165  328

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

    lzh666 0
    2020/5/2 9:23:32
    能加一个选择标签吗,几条一页的那种 回复
    lzh666 0
    2020/5/2 9:23:10
    能加一个选择标签吗,几条一页的那种 回复
    心累 0
    2020/2/19 14:08:50
    如果页数过多进来的是50页样式会乱掉 回复
    yanyan057 0
    2019/11/30 14:03:57
    你好,插件下载下来,按照说明的方法引用,不写回调函数的话,html页面上没有任何东西呢?
        xiaofangfang1
        2019/12/3 17:06:21
        backfun可以为空,但是createPage不能为空
    回复
    小七 0
    2019/5/18 17:18:01
    我就想知道一个页面里面引用了多个分页插件,怎么区分啊? 回复
    如果有如果 0
    2019/3/26 17:35:02
    这个插件支部异步加载吗 回复
    korb 0
    2019/3/13 14:43:47
    红红火火恍恍惚惚 0
    2018/6/8 15:02:28
    我想将table的内容进行分页显示,这个怎么和table关联起来啊,求详解 回复
    琴键上的黑白之巅 0
    2018/4/19 11:10:46
    一个界面有多个分页,分页互换为什么会累加次数
        A搭建各种app软件.阿富0
        2022/5/7 15:57:53
        处理了吗
    回复
    | 静止°相拥那一秒‖丶 0
    2018/2/1 13:36:01

    不想出现上一页下一页 跳转。确定等按钮 只显示页码。怎么修改啊  

        | 静止°相拥那一秒‖丶0
        2018/2/1 13:44:04
        div.zxf_pagediv span, div.zxf_pagediv a {
            display: none;
        }
        div.zxf_pagediv.zxfPagenum {
            display: inline - block;
        }
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复