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

有几个建议,

1.生成的时候分页信息写入一个div 添加个class,这样以防样式干扰,目前会出现样式覆盖的现象

2.分页如果可以做成页面固定多少个按钮或许会更好,目前的情况在首尾按钮很少,感觉不协调,当然如果数据量少就无所谓了

3.以下为我的分页按理大家可以参考

//汽车查询
function carNewsSearch() {
    base16Form("car_form", "car_form_data");
    var url = "${pageContext.request.contextPath}/frame/car/siteNews";
    var s = top.layer.load(2);
    var html = "";
    $.post(url, $("#car_form_data").serialize(), function(data) {
        if (data.successful) {
            $.each(data.rows, function(i, item) {
                html += '<li><a target="_blank" href="' + item.docpuburl + '">' + item.doctitle + '</a><span>' + item.docreltime + '</span>';
            }) $("#car_ul").html(html);
            $('#car_page').pagination({
                totalData: data.total,
                showData: data.pageSize,
                current: $("#car_form input[name='pageNo']").val(),
                jump: true,
                coping: true,
                homePage: '首页',
                endPage: '末页',
                prevContent: '上页',
                nextContent: '下页',
                callback: function(api) {
                    $("#car_form input[name='pageNo']").val(api.getCurrent());
                    carNewsSearch();
                }
            });
        }
    }, "json").complete(function(data) {
        top.layer.close(s);
    }).error(function(data) {
        top.layer.msg(data.error, {
            shade: 0.3,
            icon: 1
        });
    });
}

为什么会显示不全呢，

每页9条，一共17页这样的话，在第二页应该是八条，为什么第二条只显示1条数据呢，其他的直接不显示，截图是chrome浏览器 里面调试截的

TypeError: $(...).jPages is not a function

没法居中呀

如何点击数字的时候，获取当前数字，发起ajax请求

第一次分页有效，但是ajax获取数据后，分页就无效了

多个分页怎么写啊

这个是要后台一次把数据加载到前台再分页的吧？有没有对应的点击下页按规定条数去后台查的方法 ？

??丨牧佯?0
2017/12/18 10:28:46
你找到好的点击分页的了吗

我的containerID是个ajax动态加载出来的tbody,用了这个插件之后，还是跟以前一样全部数据获取出来，并没有达到分页的目的。。。。不知道是什么情况

还需要在头部添加

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

要更改每一页显示内容的条数可以在jPages.js中更改第23行，perPage后面的数值

要每一页的高度与内容的条数相适应，可以把jPages.js中第35行minHeight: true注释掉

（自己试着管用，还请大神们指点啦~）

那个翻页的箭头为什么换了出问题了？应该怎么弄？

OsAsAtGeOs1
2017/1/31 22:38:31

可以在jPages.js中更改第18,19行，previous, next后面的值

秋风扫落叶0
2017/6/30 21:25:12

我把previous值为<,next值为>就报这个错

落英缤纷0
2017/4/14 16:57:51

使用的jQuery版本高 不兼容IE