简单表上的 JQuery 表排序器

Question

我在使用 JQuery table-sorter plugin 时遇到了一些问题。

我的 HTML 结构非常简单，我只是在调用函数（尝试所有表和 .tablesorter 类的表），但似乎没有任何效果。不知道是什么原因造成的。

我的 HTML：

<table width="300" border="1" cellspacing="0" cellpadding="2&quot;" class="tablesorting">
<thead>
<tr>
 <td style="text-align: center;" width="75"><strong>Utley</strong></td>
 <td style="text-align: center;" width="75"><strong>Age</strong></td>
 <td style="text-align: center;" width="75"><strong>Cano</strong></td>
</tr>
</thead>
<tbody>
<tr>
  <td style="text-align: center;" width="75">.376</td>
  <td style="text-align: center;" width="75">26</td>
  <td style="text-align: center;" width="75">.352</td>
</tr>
<tr>
 <td style="text-align: center;" width="75">.379</td>
 <td style="text-align: center;" width="75">27</td>
 <td style="text-align: center;" width="75">.381</td>
</tr>
<tr>
 <td style="text-align: center;" width="75">.410</td>
 <td style="text-align: center;" width="75">28</td>
 <td style="text-align: center;" width="75">.349</td>
</tr>
<tr>
 <td style="text-align: center;" width="75">.380</td>
 <td style="text-align: center;" width="75">29</td>
 <td style="text-align: center;" width="75">.379</td>
</tr>
</tbody>
</table>

还有我的 JS：

$(document).ready(function() {
  $('.tablesorting').tablesorter({debug: true})
});

不太确定我错过了什么。文档似乎说这应该足够了。

http://jsfiddle.net/mR5zt/

Answer 1

尝试在您的<thead> 部分中使用<th> 而不是<td>

除此之外，我会检查明显的罪魁祸首，按 f12，检查错误，检查您的插件路径是否正确，如果需要，请确保您首先加载 jquery。