如何添加一個範圍到這個jQuery分頁？

Question

我正在使用這個jQuery表分頁腳本，我喜歡添加一個範圍而不是所有的頁碼。

所以不是[1][2][3][4][5][6][7] 我喜歡的東西[1][2][3][>][last]

function paginateIt() { 
$("#pagination-ajax").remove(); 
    $('table#overviewJobs').each(function() { 

    var currentPage = 0; 
    var numPerPage = 7; 
    var $table = $(this); 

    $table.bind('repaginate', function() { 

     $table.find('tbody tr').show() 

       .slice(0,currentPage * numPerPage) 
       .hide() 
       .end() 

       .slice((currentPage + 1) * numPerPage) 
       .hide() 
       .end(); 

      }); 

    var numRows = $table.find('tbody tr').length; 
    //alert("Num of rows "+numRows); 
    var numPages = Math.ceil(numRows/numPerPage); 

    var $pager = $('<div id="pagination-ajax"></div>'); 

    if(numRows > numPerPage) { 
     for (var page = 0; page < numPages; page++) { 
      $('<span class="page-number">' + (page + 1) + '</span>') 
      .bind('click', {'newPage': page}, function(event) { 
      currentPage = event.data['newPage']; 
      //numPerPage = 7; 
      $table.trigger('repaginate'); 
      $(this).addClass('active').siblings().removeClass('active'); 
      }) 
      .appendTo($pager).addClass('clickable'); 
     } 
     $pager.find('span.page-number:first').addClass('active'); 
     $pager.insertAfter($('#pagination-divider')); 
    } //end if numRows 
    // 
    //$('#pagination').html(navigation_html); 
    $table.trigger('repaginate'); 

    }); 
}; 

Answer 1

你可以申請一個黑客。找到您想要的.page-number框索引，然後使用gt（）刪除，然後附加另一個.page-number框並點擊它，調用next page numbers append。