实用的分页插件zxf_page.js

所属分类:导航-分页

 17280  86  查看评论 (74)
实用的分页插件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分页插件

堪称完美jquery分页插件
  分页
 25052  101

bootstrap paginat分页优化

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

超实用精简的分页插件

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

基于Vue的分页插件pagination.js

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

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

    红红火火恍恍惚惚 0
    2018/6/8 15:02:28
    我想将table的内容进行分页显示,这个怎么和table关联起来啊,求详解 回复
    琴键上的黑白之巅 0
    2018/4/19 11:10:46
    一个界面有多个分页,分页互换为什么会累加次数 回复
    | 静止°相拥那一秒‖丶 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;
        }
    回复
    胖e_e 0
    2018/1/11 15:00:46

    我想问一下,从最后面的分页点回来的时候,这里指的是点击数字按钮,比如我有20页,目前我修改的版本是中间显示的是5个,为什么点击15页的时候中间的数字没有显示出来?(如果是从第一页开始点击的时候,点到第5页的时候,中间就会出现5个按钮,两边是省略号),这样说不知道楼主是否明白我在说什么?

    回复
    空●城 0
    2017/12/7 19:14:39
    很不错的插件,希望多多分享 回复
    ? 0
    2017/11/20 13:50:58
    …『赵姗姗』 0
    2017/11/13 15:43:52

    我很好奇怎么和页面关联起来呢?,没有写过后台

        xiaofangfang1
        2017/11/13 16:08:56

        这和后台没关系,唯一的关联是在回调函数里面调用接口获取相对应页面的数据,然后进行数据填充

        空●城0
        2017/12/7 19:15:51

        谁能发给我一份

    回复
    。WJY 0
    2017/11/13 15:31:42
    ×殇・ 0
    2017/9/23 20:12:39
    可以可以
        NIUNIU_QUEEN0
        2017/10/30 15:55:23

        求分享,QQ邮箱:1806337753@qq.com,谢谢啦??

    回复
    Mem 0
    2017/8/28 17:06:25
    看着很好,下来试试 回复
取消回复