评论:简单的jQuery分页插件  [查看原文]

所属分类:导航-分页

 56589  382  153
当前第5页 / 共5页
    爱做梦的拉布拉多0
    2017/4/19 17:44:08

    第一次加载怎么也会触发事件啊,怎么去掉啊

        葬梦1
        2017/4/24 22:02:36
        function tt(dd){
            alert(dd);
        }  
        $("#page").initPage(71,1,tt);

        比如说这样,你要注意,千万不要加括号,比如说这样:

        function tt(dd){
            alert(dd);
        }  
        $("#page").initPage(71,1,tt());

        不知道能不能帮到你,可以得话,可以让我看看你写的代码

    回复
    愿有人陪你颠沛流离0
    2017/4/18 18:00:21

    怎么获取当前页面啊

        葬梦1
        2017/4/19 9:48:59

        每个分页都有特殊的标记,如果你想获取可以用jquey方法获取特殊标记的,也就是你的当前页的页码,如果不知道这个特殊标记,F12查看一下就好

    回复
    神奇的jq0
    2017/4/18 13:51:52
    怎么把链接和每一个分页对应上啊
        葬梦1
        2017/4/19 9:51:00

        可以把链接写在回调函数里面,注意通用就好,以为回调格式代码如下:

        function tt(dd){
            alert(dd);
        }

        回返回一个你选择的页码,也就是这里的dd,


    回复
    麦客0
    2017/4/14 10:58:31

    请问下内容在哪加 能截个图么

        葬梦1
        2017/4/14 13:30:07

        我不知道你那边怎么加载内容,我可以给你一个方案:

        设置一个函数如A,这个函数用AJAX从后台获取到数据,建议用json,在获取数据后你可以根据这个数据进行显示

        在这个分页中,可以通过回调函数,如:

        var GG = {
                "kk":function(mm){
                    alert(mm);
                    //在这里执行A函数并且讲页码参数传至后台获取分页数据
                }
            }

        不是很能准确理解你的意思,所以简单做个说明。

        如果你问的是页码(1,2,3,4,5)怎么插入的,在page.js中page对象的getPageListModel方法中(63行)。

        如果没有准确回答你想要的答案,或者还有什么疑问,可以留言

        这个名字很好0
        2017/4/14 17:09:32

        是分页的内容啊,html的代码怎么写

        葬梦0
        2017/4/14 19:39:52
        <div class="row">
            <div class="col-xs-12">
                <table class="newTable" width="100%">
                    <thead>
                        <tr>
                            <th width="15%">文章缩略图</th>
                            <th width="40%">文章标题</th>
                            <th width="10%">文章类型</th>
                            <th width="10%">作者</th>
                            <th width="10%">时间</th>
                            <th width="15%">操作</th>
                        </tr>
                    </thead>
                    <tbody id="newsListBody">
        
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row" style="margin-top: 20px;">
            <div class="col-xs-12 col-sm-6 pageMsg" id="newsListPageMsg">
                一共<b>0</b>项,本页显示<b>0</b>项
            </div>
            <div class="col-xs-12 col-sm-6 pageNumber">
                <ul class="page" maxshowpageitem="7" pagelistcount="6" id="page"></ul>
            </div>
        </div>

        这.......有很多方式啊,上面就是我写的一种方式。我用ajax调用没有用form表单

        花??开了0
        2017/4/20 17:37:57

        ajax怎么调用的呢,每页只六条数据,怎么在ajax里设置呢

    回复
    伍庆城-天雅艺0
    2017/4/13 14:54:34

    在那设置页数啊

        伍庆城-天雅艺0
        2017/4/13 14:55:07

        固定8页怎么修改成10页

        葬梦1
        2017/4/14 13:20:13

        在容器中有个属性:maxshowpageitem="5"

        这个代表固定显示5页,如果说要固定8页,可以更改为:maxshowpageitem="8"

        如果使用的过程中要突然从固定8页到固定10页,可以用jquery或者js更改这个属性值,并且从新初始化下就好!

    回复
    姐不是纯情范er0
    2017/4/13 9:23:07

    不会用这个,有谁帮我简单的解释一下吗

        葬梦3
        2017/4/14 13:17:15

        我简单和你说一下,有什么不明白,接着留言

        首先我们要创建一个容器(放1,2,3页码的容器):

        <ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>

        这里面的页码是自动形成的,根据什么形成?更具总量数据的多少(N)还有每一页显示数据的多少(pagelistcount),注意下,这里有个N后面解释。

        容器创建完之后,我们要进行初始化下,说简单点就是把总量数据的多少(N)和当前页面位置也就是第几页(P)告诉初始化程序。

        $("#page").initPage(N,P,GG.kk);

        GG.kk什么意思?这是一个函数,在点击页码的时候,总要有个响应事件吧?除了改变页码,那么还有个自己比如要重新加载数据的函数,不过这个函数带个参数page,比如说这么写:

        var GG = {
                "kk":function(page){
                    alert(page);
                }
            }

        这个page就是你点击的页数。


    回复
    萝卜仔0
    2017/4/8 16:10:20

    个人觉得显示数字的li可以固定一个宽度,这样就可以固定不动了!!因为翻页的li会动的话不好看!

        葬梦0
        2017/4/14 13:21:16

        谢谢你的建议,这是一个简简单单的分页,看个人需求,你修改下还是容易的。

    回复
    Vincent0
    2017/4/8 12:23:02

讨论这个项目(153)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复