简单表上的 JQuery Table Sorter

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

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

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