评论：jQuery分页插件  [查看原文]

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

怎么设置，每页显示多少条数据啊？

天道酬勤0
2017/10/13 9:04:39
没有这个功能，多少条数据自己定

天道酬勤1
2017/10/11 9:08:28

可以，totalPage是总页数

我是新手,这插件怎么使用啊

天道酬勤0
2017/10/9 9:56:55

$("#page").paging({
    pageNo: 4,
    totalPage: 10,
    totalSize: 300,
    callback: function(num) {
        alert(num)
    }
})

建议吧所有a标签都换成button，不然每次点着点着就会出现复制的提示框，另外附上我修改后的样式

.page_div button{
    background:none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.page_div button {
    min-width: 30px;
    height: 28px;
    border: 1px solid #dce0e0!important;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
    line-height: 28px;
    color: #666666;
    font-size: 13px;
    display: inline-block;
}

//页码在中间部分时候	
} else {
    content += "<a>1</a>";
    content += ". . .";
    for (var i = total - 4; i < total + 1; i++) {
        if (current == i) {
            content += "<a class='current'>" + i + "</a>";
        } else {
            content += "<a>" + i + "</a>";
        }
    }
}

这儿有一个问题，我是动态加载的数据，有几百条，页数达到40，点36页的时候页数就会全部加载出来，高达400条，随后找到了解决方案，往笑纳。

当前页数<total +1 改为 <=total

//判断页码在末尾的时候
} else {
    content += "<a>1</a>";
    content += ". . .";
    for (var i = total - 4; i <= total; i++) {
        if (current == i) {
            content += "<a class='current'>" + i + "</a>";
        } else {
            content += "<a>" + i + "</a>";
        }
    }
}

天道酬勤0
2017/9/29 9:05:20

好的 谢谢

大家好，基于页面局部刷新，多次初始化分页插件，页码点击事件会保留上次的点击事件，并没有清除的bug，在paging.js文件on 点击事件加入 

 me.element.off('click', 'a');

来解决，版本正在审核中，需要的可以自己修改代码

天道酬勤1
2017/9/28 16:20:22

bindEvent: function() {
var me = this;
me.element.off('click', 'a'); //在这里加这段代码
me.element.on('click', 'a.....................

你好，我想问下这个可以实时刷新吗，比方我的总个数减一，怎样才能不刷新页面只是重新加载div

天道酬勤0
2017/9/28 13:52:12
可以，重新初始化就行

1234567890
2017/9/28 14:15:54

怎样初始化，我直接改变参数的值不管用

$("#page").paging({
            totalPage: getNum()[1],
            totalSize: getNum()[0],
            callback: function(num) {
                dopaging(num);
            }

天道酬勤0
2017/9/28 16:15:26

这样就是初始化啊，这个paging这样重新调一次就行

点击页码2，页面刷新后，页码还是在1上面

$("#page").paging({
    totalPage: 10,
    totalSize: 300,
    callback: function(num) {
        location.href = "HomeController/Test?pageindex" + num;
    }
})

峰的韵味0
2017/9/27 9:27:59

这个已经解决，不过totalSize好像是显示当前页有多少条记录

天道酬勤0
2017/9/28 9:24:18
对的

天道酬勤0
2017/9/28 9:25:18

有个pageNo可以控制显示的页码

为什么用JS获取获取url地址栏的分页数放进PageNO和totalpage，分页就出错

$("#page").paging({
    pageNo: getPar("p"),
    totalPage: $("#page0").attr("pageNum"),
    totalSize: 300,
    callback: function(num) {
        location.href = changeURLArg(window.location.href, 'p', num);
    }
})

Crielin0
2017/9/22 15:27:44

换成数字是正常的

天道酬勤0
2017/9/25 11:35:45

不会啊 你看你获取的数据 中间有没有空格

插件 位置上下左右怎么控制？

天道酬勤0
2017/9/22 11:13:47

自己在样式里面改就行

天道酬勤0
2017/9/15 10:19:11

可以截个图吗？当前超过5页会报错？不会啊

Crielin0
2017/9/25 9:43:43

我的也是页面超过5页就会报错

我调用的怎么没有css样式呢？  是不是少下载什么了？

天道酬勤0
2017/9/14 9:19:07

css样式 是放在html 上面的style 里面的

如何设置当前页呢？

YIGELILA_衣休0
2017/9/10 17:30:17

$("#page").paging({
    totalPage: <%=pager.getTotal_page()%>,
    totalSize: <%=pager.getTotal_count()%>,
    callback: function(num) {
        $("#currentPage").val(num);
        $("#proForm").submit();
    }
});

可以设置总页数，总条数，但是我用的不是ajax，点击页码跳转回来之后，要显示对应的页面，但是不知道怎么设置当前页

YIGELILA_衣休1
2017/9/10 17:37:48

解决了。方式：

第一步：修改paging.js 第七行：“pageNo: 1，”改为”pageNo: options.pageNo,”

第二步：初始化页面改为：

//分页
$("#page").paging({
    pageNo: <%=pager.getCurrent_page()%>,
    totalPage: <%=pager.getTotal_page()%>,
    totalSize: <%=pager.getTotal_count()%>,
    callback: function(num) {
        $("#currentPage").val(num);
        $("#proForm").submit();
    }
});

你这个点击过后样式有问题啊，点击后的按钮并不高亮，一直是1上面高亮