首页 > 前端 > 正文

twbsPagination 是一款jquery的分页插件,简单易用,但是使用过程中回到一些问题,下面一步步讲解帮你避坑。

1.twbsPagination 加载完之后会自动调用一次方法,只需要设置initiateStartPageClick这个属性即可:

initiateStartPageClick:false

2.如何注销清空twbsPagination ,很多时候要重新生成twbsPagination ,只需要在添加以下代码(navigation是你的DOM元素ID):

   $('#navigation').empty();
   $('#navigation').removeData("twbs-pagination");
   $('#navigation').unbind("page");

3.如何去掉首页,下一页等元素,把不需要的设置为空就行:

  first: '首页',
  last: '末页',
  prev: '',
  next: '',

完整代码:

            function selAllLecture(year, month, page, pageinit) {
                if (pageinit) {
                    $('#navigation').empty();
                    $('#navigation').removeData("twbs-pagination");
                    $('#navigation').unbind("page");
                }

                $.ajax({
                    type: "post",
                    url: "",
                    data: {
                        year: year,
                        month: month,
                        page: page,
                        pagesize: 1
                    },
                    success: function(data) {
                        if (data.code == 0) {
                            $('#navigation').twbsPagination({
                                totalPages: data.data.last_page,
                                visiblePages: 7,
                                first: '首页',
                                last: '末页',
                                prev: '',
                                next: '',
                                hideOnlyOnePage: true, //只有一页时不展示分页
                                initiateStartPageClick: false,
                                onPageClick: function(event, page) {
                                    selAllLecture(year, month, page, false);
                                }
                            });

                        }

                    },
                    complete: function() {

                    }
                });
            }

RoveCoder版权所有,转载请注明

猜你喜欢
picture loss