jQuery分页插件

所属分类:导航-分页

jQuery分页插件 ie兼容8
var options={
"id":"page",//显示页码的元素
"data":datas,//需要显示的数据
    "maxshowpageitem":3,//最多显示的页码个数
    "pagelistcount":2,//每页显示数据个数
    "callBack":function(result){
         //将数据增加到页面中,这里设置数据显示样式
    }
};//只需设置options参数,即可使用插件
page.init(datas.length,1,options);//插件初始化

欢迎大家提出批评意见,谢谢!

相关插件-分页

jQuery分页插件cypager

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

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 6210  9

好看的分页插件-JQUERY PAGINATION PLUGIN

好看的分页插件-JQUERY PAGINATION PLUGIN
  分页
 37191  40

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

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

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

    ¥u 0
    2017/5/27 23:06:10

    请问楼主,如果我显示图片该怎么设置? 我是新手,求教

    回复
    天蝎希希 0
    2017/5/26 11:32:27

    为什么会提示options is not defined啊

        六月暮雪0
        2017/5/26 13:31:28

        要修改page里面的一个配置   添加一个this.options = options   然后下面的option.callBack  修改成this.options.callBack  

    回复
    房i 0
    2017/5/24 14:19:02

    一个页面要用多个  分页    怎么写

        欧米伽1
        2017/5/24 17:47:10
        绑定不同的数据  比如datas1 datas2  对应options1 options2 当然还有分页的样式
        六月暮雪0
        2017/5/26 9:57:53

        这样是不行的  我试过  解决了的小伙伴  求分享一下   qq313392073

        天蝎希希0
        2017/5/26 12:57:04

        你做出来了吗

    回复
    你丿呃丫钷_真傻| 0
    2017/5/20 2:22:19
    <script type="text/javascript">
        var datas = 0;
        var username = $.session.get('username');
        $.ajax({
            type: "post",
            url: "servlet/homeServlet",
            dataType: "JSON",
            data: {
                op: 1,
                username: username,
            },
            success: function(data) {
                datas = data;
                alert(datas.length);
            },
            error: function(jqXHR) {
                alert("添加失败!" + jqXHR.status);
            }
        });
        alert(datas.length);
        var options = {
            "id": "diary_history", //显示页码的元素
            "data": datas, //需要显示的数据
            "maxshowpageitem": 3, //最多显示的页码个数
            "pagelistcount": 2, //每页显示数据个数
            "callBack": function(result) {
    
                for (var i = 0; i < result.length; i++) {
                    $("#diary_history").append(
                        "<tr><td>" + result[i].diary_title + "</td><td>" +
                        result[i].diary_place + "</td><td>" +
                        result[i].diary_time + "</td></tr>");
                }
            }
        }; //只需设置options参数,即可使用插件
        page.init(datas.length, 1, options); //插件初始化
    </script>

    楼主,我这样写根本行不通,能不能给个ajax获取datas的例子

        Javascript小白0
        2017/5/21 20:35:11

        把下面那段代码写在success里,并把options前面的var去掉。

        天蝎希希0
        2017/5/26 11:47:27

        你好厉害  问题就这样解决了

    回复
    尢 洛 0
    2017/5/19 13:34:43

    真的非常感谢楼主!之前使用kkpager来分页一直解决不了ajax数据变化而页码不变的问题,使用这个简单而且使用!

        欧米伽0
        2017/5/19 17:34:45

        终于有人使用成功了  我觉得我的Demo写的很明白啊 

        技术课-吕浩贤0
        2017/5/28 16:32:50

        你这种不是jquery插件的写法,只是用一个全局的对象形式写,扩展性差,建议用$.fn.myfn自定义写法,用$.extend来对参数重写,但是可以写出来,很棒

    回复
    向前走 0
    2017/5/17 16:17:38
    楼主有个问题不明白,插件初始化写在html页面中可以正常使用,但是写在require的回调函数中就会包option未定义的错误,这是怎么回事啊?
        欧米伽0
        2017/5/19 17:34:06

        因为options要定义成全局变量  不然是抓取不到的

        向前走0
        2017/5/25 10:58:00

        好的  谢谢  已经解决去掉option前的var 就好了  另外问一个问题: 可以获取点击的页码数吗

    回复
    ∮浠?の?暖∮ 0
    2017/5/16 22:59:41

    请问数据量大怎么解决按照点击的页数进行按需加载

        欧米伽1
        2017/5/19 17:33:02

        那就后台分页,前端拿数据显示  绑定好页面,这个插件针对的是少量数据前端分页

        ∮浠?の?暖∮0
        2017/5/24 18:17:38

        做了好久这个问题,,最后还是解决掉了,谢谢你的指点

    回复
    眺望 0
    2017/5/14 16:07:05

    您好,我使用的时候提示option is not defined  请问要怎么解决呢,

        欧米伽1
        2017/5/16 17:13:21

        参考下载的资料,你会在index.html发现,在加载的时候就定义了datas和options;

        var datas = [];
        var options = {
            "id": "page", //显示页码的元素	
            "data": datas, //显示数据    
            "maxshowpageitem": 3, //最多显示的页码个数   
            "pagelistcount": 2, //每页显示数据个数    
            "callBack": function(result) {
                var cHtml = "";
                for (var i = 0; i < result.length; i++) {
                    cHtml += "<li>" + result[i].name + "</li>"; //处理数据  
                }
                $("#demoContent").html(cHtml); //将数据增加到页面中 
            }
        };
        page.init(datas.length, 1, options);
        向前走0
        2017/5/17 16:20:34

        哥们  , option报未定义的错误你解决了吗?

    回复
    暖冬的黎明ノ 0
    2017/5/11 9:03:01

    这个 datas 数据  不能用ajax获取么?  怎么放进ajax的success回调里 报options    defined的错误?

        眺望0
        2017/5/14 16:05:50

        解决了吗 我也是报的这个错

        欧米伽1
        2017/5/16 17:14:36

        你需要在ajax获取数据后,把数据赋值到datas里,然后调用

    回复
    CodeMaker 0
    2017/5/8 10:44:40

    老铁,我这个封装成方法立马报option is not defined的错误

        欧米伽1
        2017/5/16 17:15:08

        需要在index页面定义options,不然当然未定义

        天蝎希希0
        2017/5/26 11:33:17

        我定义了,但是网页还是会提示options is not defined

    回复
取消回复