实用的分页插件zxf_page.js

所属分类:导航-分页

实用的分页插件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分页插件 bPage(原创)

支持页面跳转、异步页面、异步数据等多模式的分页插件
  分页
 1271  10

漂亮的分页插件-JPAGINATE

使用分页插件我们可以只关注从后台获取总页数和计算当前页数,而不需要去关心怎么显示页码,什么时候该显示哪些页码,该隐藏哪些代码。这样便给我们开发人员带来了很多的方便。
  分页
 22419  43

jQuery分页插件

可以实现分页功能
  分页
 15520  58

简单方便的分页

分页功能经常使用,自己写的话难免会出现bug使用插件简单省时省力!
  分页
 20506  67

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

    要怎么画出未来。 0
    2017/7/18 16:32:41

    您好,ajax部分是写在backfun里面的吗?还是写在createpage外面的

    回复
    Best of C 0
    2017/7/17 11:28:21

    第一页的时候不显示上一页 可以调的吧

        xiaofangfang0
        2017/7/17 11:31:55

        你找找判断第一页的,可以调整的  现在在外面,我没法看

    回复
    ________久居! 0
    2017/7/12 17:41:18

    可以直接用???

    回复
    孙建 0
    2017/7/6 16:02:55

    可以直接用吗?

    回复
    如梦初醒 0
    2017/7/6 8:06:30
    跳页那里需要验证一下是否是整数 回复
    心情密码 0
    2017/7/4 14:24:42

    看着感觉还不错

        伯牙心性0
        2017/7/5 11:52:29

    回复
    夜影 1
    2017/6/26 18:03:03

    清除分页再重新createPage的时候,翻页按钮的click事件会多次绑定,导致多次调用,应该在绑定前先解绑一下再重新绑定。

    bindEvent: function(obj, pageinit) {
        return (function() {
            obj.off("click");
            obj.on("click", "a.prebtn", function() {
                var cur = parseInt(obj.children("span.current").text());
                var current = $.extend(pageinit, {
                    "current": cur - 1
                });
                zp.addhtml(obj, current);
                if (typeof(pageinit.backfun) == "function") {
                    pageinit.backfun(current);
                }
            });
        }());
    }
        伯牙心性0
        2017/7/5 11:51:53

        66

        果果0
        2017/7/6 15:23:44
        666要不然请求成倍增长,只到浏览器开挂!
    回复
    糖萝卜条条 0
    2017/6/16 16:19:38
    后台传入的数据格式是啥样的,求告知,有没有demo
        xiaofangfang0
        2017/6/16 16:23:01

        请求的数据格式吗?那看你后台怎么定义了,这里是提供了一个调用的时机,和后台数据没关系的

        糖萝卜条条0
        2017/6/16 16:24:24

        我的意思是后台数据是分页传入还是全部传入,有没有demo能发我一下嘛谢谢

        糖萝卜条条0
        2017/6/16 16:24:56

        280519375我qq

    回复
    0
    2017/6/16 14:47:19

    这个分页控件有个问题,页面不刷新的情况下再次createPage后事件绑定了多次,还是用jquery.pagination.js了

    回复
    小歹毒 0
    2017/6/14 15:34:30

    建议给个使用说明。

        阿蒋0
        2017/6/28 16:22:13

        计划根据国家

    回复
取消回复