JQuery Pagination - PullRequest
Новая
       15

JQuery Pagination

0 голосов
/ 02 октября 2009

Я изо всех сил стараюсь выучить jQuery с «Книгой обучения Jquery 1.3 из 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>

Ответы [ 3 ]

2 голосов
/ 02 октября 2009

Это может показаться очевидным, но вы загрузили плагин для 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.

1 голос
/ 02 октября 2009

Первая строка 

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

Уберите это место! 

$(document).ready(function() { // Good Syntax
0 голосов
/ 02 октября 2009

Определенно ли у вашей таблицы правильное определение ... т. Е. 

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

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

...