实用的分页插件zxf_page.js

所属分类:导航-分页

实用的分页插件zxf_page.js ie兼容6

更新时间: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>
相关插件-分页

强大的js分页组件laypage

layPage是一款多功能的js分页组件,即适用于异步分页,又可用于传统的整页刷新跳页,还支持信息流加载,并且可无缝迁移至Node.js平台。layPage不依赖于任何第三方库,直接拿来用即可,它的接口继承了layui系列组件的一贯简洁,极易上手
  分页
 16621  82

jQuery 分页插件Jquery Pagination Plugin

JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
  分页
 15404  30

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 18307  49

bootstrap中文分页控件

bootstrap中文分页控件
  分页
 28036  75

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

    夜光魂 0
    2017/5/23 13:21:37

    求分享1432574133@qq.com

    回复
    高配 0
    2017/5/12 12:20:38
    Sou° 0
    2017/5/12 11:17:31
    想要每页15,50,100切换怎么实现
        Sou°0
        2017/5/12 11:32:40

        所有事件应该先解绑在绑定,不然会多次调用

        xiaofangfang0
        2017/5/16 13:45:31

        变化的只是页数,对应的绑定是没有变化的。你说的15,50,100切换是怎么个切换法?没看懂

    回复
    和你一起闪耀到世界尽头 0
    2017/5/6 16:32:26

    建议修改 为

    /*中间页*/if (pageinit.current >4 && pageinit.pageNum > 6 ) {
        xiaofangfang0
        2017/5/8 10:29:39

        已经修复,正在更新中,更新完了你可以下载看一下,改成>6不对,还是会出现这个问题的

    回复
    和你一起闪耀到世界尽头 0
    2017/5/6 16:29:47

    当总页数为6会有一个bug 12..123456

    回复
    ♕小杨阿桩♘ 0
    2017/5/4 14:45:01
    清玉冰影 0
    2017/5/3 10:46:00

    到第几页,固定值都是5,跳到别的页面之后就变成5了

        xiaofangfang0
        2017/5/3 16:14:58
        嗯,多谢指出问题,稍后会进行更新
    回复
取消回复