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。

在简单的桌上的JQuery表整理者

1 个答案: