Question

我已经从here实现了Jpages插件。我使用了以下代码..

$(function () {
               $("div.holder").jPages({
                   containerID: "movies",
                   previous: "←",
                   next: "→",
                   perPage: 10,
                    startPage    : 1,
                    startRange   : 1,
                    midRange     : 5,
                    endRange: 1,
                    keyBrowse: true,
                   delay: 50
               });
           });

我的perpage大小目前设置为10，我当前的记录数为6.所以现在我希望如果我当前的记录数大于10，那么我的jpages分页显示在页面上不是。怎么可能??? 提前谢谢。

-------------------- UpDATe ---------------- 谢谢你。以下代码工作..

$(function () {
               $("div.holder").jPages({
                   containerID: "movies",
                   previous: "←",
                   next: "→",
                   perPage: 10,
                   delay: 50,

                   callback: function (pages, items) {
                       if (items.count > 10) {
                           $("div.holder").show();
//                           $("#legend1").html("Page " + pages.current + " of " + pages.count);
//                           $("#legend2").html(items.range.start + " - " + items.range.end + " of " + items.count);
                       } else {
                           $("div.holder").hide();
                       }

                   }

               });
           });

Answer 1

您必须向jPages初始化程序添加回调：

callback : function( pages, items ){
    if(items.count > 10){
        $("#legend1").html("Page " + pages.current + " of " + pages.count);
        $("#legend2").html(items.range.start + " - " + items.range.end + " of " + items.count);
    }else{
        $("#legend1, #legend2").html('');
    }

  }

Jpages插件无法正常工作

1 个答案: