jQuery分页插件

所属分类:导航-分页

 12451  42  查看评论 (74)
jQuery分页插件 ie兼容6

更新时间:2017/10/31 上午11:23:35

更新说明:demo 例子中加入模拟 ajax数据,方便用户更好的掌握用法


更新时间:2017/9/28 下午4:11:58

更新说明:修复局部刷新 对此初始化分页插件,页码保留上次的点击事件未清除问题


更新时间:2017/9/12 下午2:03:19

更新说明:基于用户提出需要自己指定页码高亮,增加插件初始化  参数 pageNO ,用户传此参数则指定某个页码高亮,不传默认为第一页高亮

$("#page").paging({
    pageNo:4,
    totalPage: 10,
    totalSize: 300,
    callback: function(num) {
        alert(num)
    }
})
相关插件-分页

jQuery分页插件

根据获取内容显示不同页数并可输入页码跳转
  分页
 26623  207

24款超实用的Web 2.0风格翻页代码

24款超实用的Web 2.0风格翻页代码
  分页
 19951  55

jQuery分页插件cypager

jQuery分页插件cypager传入总页数和每页显示条数,可设置显示多少位数字,ajax请求后台返回当前页条数
  分页
 11824  23

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 20433  153

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

    0
    2017/11/23 12:38:46

    请问怎么控制省略号的出现, 比如我只要超过3以上就要有省略号出现呢?

    回复
    So Real 0
    2017/11/17 11:41:55

    这是我写的ajax的分页,我想知道怎么把后台的data数据中的page传给totalPage

        天道酬勤0
        2017/11/21 9:48:36

        下面有例子哈

    回复
    丫丫 0
    2017/11/8 17:53:01

    只有一页到时候怎么设置显示1

    回复
    0
    2017/11/7 12:14:51
    没有源码
        天道酬勤0
        2017/11/8 9:28:48

        里面引的pagejs就是源码

    回复
    天道酬勤 1
    2017/10/31 11:22:08

    模拟 ajax 用法,例子正在审核中,先贴出来

    table.json假数据

    {
        "totalPage": 10,
        "totalSize": 300,
        "list": []
    }
    js:
    //参数为当前页
    ajaxTest(1);
    
    function ajaxTest(num) {
        $.ajax({
            url: "table.json",
            type: "get",
            data: {},
            dataType: "json",
            success: function(data) {
                console.log(data);
                //分页
                $("#page").paging({
                    pageNo: num,
                    totalPage: data.totalPage,
                    totalSize: data.totalSize,
                    callback: function(num) {
                        ajaxTest(num)
                    }
                })
            }
        })
    }
        Shine@0
        2017/11/7 17:42:24
        怎么控制每页显示的数据啊
        天道酬勤0
        2017/11/8 9:28:10
        这只是分页,数据是你自己从后台获取在回调里面拼接到页面上的
    回复
    一见如故 0
    2017/10/30 10:10:33

    这个插件怎么用,为啥都显示不了

        天道酬勤0
        2017/10/31 11:01:11
        里面有demo,显示不了,看是不是哪里写错了
    回复
    sunan123321 0
    2017/10/23 19:25:30

    贼好用,今晚不用加班了,嘻嘻

        一见如故0
        2017/10/30 10:13:42

        这个怎么用

        NIUNIU_QUEEN0
        2017/10/30 15:24:06

        这个怎么用,把ajax返回的Data json数据放在哪里显示

        天道酬勤0
        2017/10/31 11:00:00
        ajax 返回的数据是你自己拼接,这个只是分页功能,ajax 返回的放在回调函数里面拼接在页面,总页数这些都是你后台返回的,当你ajax成功之后再初始化分页插件就可以
    回复
    异人屋的少女椿 0
    2017/10/19 17:50:49
    $("#page").paging({
    //        pageNo: 1,
            totalPage: $produceList.totalPage,
            totalSize: $produceList.totalRows,
            callback: function(currentPage) {
                $.ajax({
                    type: 'POST',
                    url: "/produce/produce2",
                    data: {"currentPage":currentPage},
                    success: function (data) {
                      
                    }
                })
            }
        })

    你好,我像这样用ajax把当前页传到后台,然后返回data数据回来,之后怎么进行刷新呢?怎么把表格里循环的数据换成第二页的?新手不太会啊

        天道酬勤0
        2017/10/23 10:41:24
        兄弟,这个是作为前端动态页面的基本哈,清空第一页的数据,将你的数据遍历append到页面
    回复
    天涯途上谁是客 0
    2017/10/17 1:22:59
    $("#page").paging({
    		pageNo:1,
    		totalPage: 144,	 //总页数
    		/* totalSize: 300,	总记录数 */
    		callback: function(page) {
    		 	var params = {
    			"page":page,	//第几页
    			"rows":10	//设置每页显示多少条数据
    			};
    			request("testPage.do", params ,function(PageData){
    		    	if(PageData){
    		    		console.log(PageData);
    		    	}
    			}); 
    		}
    	})

    你好,我想请问下,当我请求后台返回参数后初始化页面时,怎么动态设置总页数?以上代码是把总页数设置死了,我后台返回了PageData.totalPage这个总页数,要重新初始化该怎么写?

        天涯途上谁是客0
        2017/10/17 1:28:27
        $(function() {
            request("testPage.do", "", function(PageData) {
                if (PageData) {
                    console.log(loadData.totalPage);
                }
            });
        });

        这一个是我想写的页面自动加载第一页的数据,但他的执行顺序是在上一段代码之后,这样子怎么将第一次加载页面获得总页数动态加载出来?

        天道酬勤0
        2017/10/17 9:12:44

        重新调用paging,将初始化的ajax和分页ajax分开,或者每次调用都初始化,将pageNo传进去

        天涯途上谁是客0
        2017/10/17 10:09:21

        动态加载总页数已经解决了,谢谢~不过碰上了一个问题,就是这个分页插件和我的一个浮层插件冲突了,当浮层插件被加载出来后,再调用paging就会报(...).paging is not a function的错误,如果要修改你的源码,改怎么修改呢?

        天道酬勤1
        2017/10/17 14:14:05

        出现这个问题,是不是和命名一样但类型冲突了?将如果是这样,将paging最后面

        $.fn.paging = function(options) {
            return new Paging($(this), options);
        };

        这句话 $.fn.paging 的paging 改成 你的命名就行了

    回复
    Syears_ 0
    2017/10/15 20:08:31

    从数据库里拿数据,在分页怎么搞啊,QQ1252940620,求大神在线指导。。

    回复
取消回复