简单实用的jQuery分页插件Page

所属分类:导航-分页

 17515  38  查看评论 (29)
简单实用的jQuery分页插件Page ie兼容6

Page

我第一个的插件。

它是简单的分页插件。

使用方法

<link rel="stylesheet" type="text/css" href="src/jquery.page.css">

或你自己css;

你需要把jquery在jquery.page.j前引用

<script src="src/jquery.min.js"></script>
<script src="src/jquery.page.js"></script>

如何使用┱

$("#page").Page({
    totalPages: 14,//total Pages
    liNums: 7,//the li numbers(advice use odd)
    activeClass: 'activP', //active class style
    firstPage: '首页',//first button name
    lastPage: '末页',//last button name
    prv: '?',//prev button name
    next: '?',//next button name
    hasFirstPage: true,//whether has first button
    hasLastPage: true,//whether has last button
    hasPrv: true,//whether has prev button
    hasNext: true,//whether has next button
    callBack : function(page){
        //callBack function,page:active page
    }
});

或在演示中看到:) 


相关插件-分页

jQuery分页插件

一款简单的基于jQuery的分页插件
  分页
 4412  20

jQuery分页插件

可以实现分页功能
  分页
 13946  54

jQuery分页排序插件jPList

jPList是一个灵活的jQuery插件,支持排序、分页和过滤的HTML结构(DIVs, UL/LI, tables,等等)。
  分页
 20851  48

强大的js分页组件laypage

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

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

    北海北 0
    2017/3/28 14:52:25
    一个页面出现连个以上的分页。用这个插件就会出现bug,第二个分页的后退键偶尔会不好用
        大大温暖。0
        2017/4/20 18:41:26

        对的,我也是这个问题,我调用了两次,发现第二个分页bug百出,希望给个解决办法

    回复
    最美不过下雨天 0
    2017/3/22 14:50:21

    请问html页面要怎么定义呢?只用 <div id="page"></div> 吗?

        最美不过下雨天0
        2017/3/22 14:51:21

        我的上去没有样式啊  能贴一下html 的代码吗

        cry1010
        2017/3/22 17:35:28

        就这样就可以,样式你看下css文件有引进吗,或者自己写的样式也行

    回复
    Ostrich 0
    2017/3/16 13:56:24

    你好,我现在点击第二页的时候,每次调用这个方法,初始的选中页码只能是1吗?

        Ostrich0
        2017/3/16 14:05:35

        已经解决

        时光吹老了好少年0
        2017/3/31 17:38:36

        怎么解决的

    回复
    Kai 1
    2017/3/8 17:09:50

    js中fpageNext方法因为是倒着遍历的,可能会出现不能整除的情况,这个时候下标就会出问题,应该需要向上取整

    回复
    皮脸蛋儿 0
    2017/2/22 12:00:13
    我在callback里面写的ajax,获取到的总页数怎么传给totalpages
        cry1011
        2017/2/22 14:15:59
        外面定义个全局变量totalPage,然后赋值即可
        皮脸蛋儿0
        2017/2/23 9:21:53
        应该是我的方法不对吧,我初始化有一次ajax的请求,然后分页有一次ajax请求,我想把上面后台传过来的总页数放到下面,创建了一个全局变量,还是不太管用,可能因为是异步的原因吧,方便加您一个联系方式么?
        皮脸蛋儿0
        2017/2/23 9:27:27
        async改成false就可以了,谢谢了啊
    回复
    奋斗 0
    2017/2/7 17:47:09

    如何设置当前页的页码

    回复
    龙行天下 0
    2017/1/21 12:23:12

    没用ajax点击2页按钮时,分页控件页面刷新后又选中了1,怎么把当前页传进去?

    回复
    cry101 0
    2016/12/21 16:12:36

    一般是结合ajax用的,回调的时候可页数传data里啊

        911-turbo O0
        2017/1/2 11:01:47

        嗯,明白

        911-turbo O0
        2017/1/2 12:01:45

        回掉函数callback怎么写呢?

        cry1011
        2017/1/4 9:01:45

        看需求呀

        $.ajax({
        	type: "POST",
        	//提交方式                     
        	url: "url",
        	//路径                     
        	data: {
        		"pageNo": page
        	},
        	//数据,这里使用的是Json格式进行传输                     
        	success: function(result) {
        		//返回数据根据结果进行相应的处理                    
        	}
        });
    回复
      0
    2016/12/21 16:12:30

    怎么访问后台啊,这个

    回复
    沉默凝结 0
    2016/12/17 15:12:08

    请问totalPages怎么才能和另一个js文件从数据库里取到的数据绑定

    回复
取消回复