JQuery Pagination

Question

Я стараюсь изучить JQuery с помощью «Learning Jquery 1.3 Book from Packt».

Я следую коду письма, но мне сложно получить код.

Я пытаюсь простую страницу с разбивкой по страницам со следующим кодом, но мне не повезло, может кто-нибудь сказать мне, почему и предложить какой-то совет.

Спасибо.

$(document) .ready(function() { 
    $('table.paginated').each(function() { 
     var currentPage = 0; 
     var numberPage = 5; 
     var $table = $(this); 
     $table.find('thead tr').hide() 
      .slice(currentPage * numPerPage, (currentPage + 1) * numPerPage) 
      .show(); 
    }); 
}); 

Моей Таблица вкладка:

<table id="tablesorter" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> 
     <thead> 
     <tr> 
      <th>Ref</th> 
      <th>Date</th> 
      <th>Company</th> 
      <th>Operator</th> 
      <th>Boxes</th> 
      <th>Network</th> 
      <th>Quote Accept</th> 
      <th>Term Accept</th> 
      <th>Credit Check</th> 
      <th>Expiry</th> 
     </tr> 
     </thead> 
     <tbody> 

Answer 1

Это может показаться очевидным, но вы загрузили плагин tablesorter и tablesorter пейджера?

<script type="text/javascript" src="/path/to/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.pager.js"></script> 

или вы не используете эти плагины? Я просто предположил, что вы из таблицы id.

Answer 2

ли ваш стол, безусловно, есть правильное определение ... т.е.

<table> 
    <tbody> 
     <tr>...</tr> 
     <tr>...</tr> 
     <tr>...</tr> 
     <tr>...</tr> 
    </tbody> 
</table> 

Единственная проблема, которая выскакивает у меня в том, что она опирается на строках, вложенных в тег tbody.

Answer 3

Первая линия

$(document) .ready(function() { // Bad Syntax 

Удалить это пространство!

$(document).ready(function() { // Good Syntax