实用的分页插件zxf_page.js

所属分类:导航-分页

 10347  63  查看评论 (56)
实用的分页插件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>
相关插件-分页

基于Vue的分页插件pagination.js

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

jQuery分页跳转插件

可以通过传入参数生成页码,可以返回跳转的页码参数
  分页
 4462  13

简单的Vue分页插件pagination.js

分页插件,带省略的Vue分页插件
  分页
 4727  22

简单实用的jquery分页插件

简单实用的jquery分页插件
  分页
 18513  57

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

    ×殇・ 0
    2017/9/23 20:12:39
    Mem 0
    2017/8/28 17:06:25
    看着很好,下来试试 回复
    七夜 0
    2017/8/25 17:10:54

    很不错的一个插件,样式清新,给你齐全,可以作为一个好的共用的插件来使用,满足了大部分人的需求。

        回忆只能回想0
        2017/9/13 12:23:44
        可以分享一下吗? 1131959767@qq.com 谢谢
    回复
    ymfever 0
    2017/8/14 16:14:15

    这个算是无刷新分页吗??

        xiaofangfang0
        2017/8/14 16:17:44
        刷新就从第一页了,这个就是实现了分页样式,另外提供一个点击页码之后的一个回调,在回调中调用接口,用的es5语法
        ymfever0
        2017/8/14 16:20:38

        不太理解什么叫无刷新分页,能给解释一下嘛?

    回复
    难得糊涂 0
    2017/8/3 10:28:11
    苏州益品德-孙李博 0
    2017/7/25 16:09:00
    要怎么画出未来。 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

    可以直接用吗?

    回复
取消回复