jquery排序插件无法正常工作

时间:2012-03-05 09:57:43

标签: jquery

嗨我用我的桌子尝试了这个jquery sort pluginjsfiddle就在这里,但你可以看到它不起作用。所有我想要的是在我所缺少的内容中对名字进行排序?

<tbody>

        <tr>
           <td><a id="17" href="/clients/17/">George Bush</a></td>
          </tr>
    <br><br><br>
        <tr>
         <td><a id="11" href="/clients/14/">Barak Obama</a></td>
       </tr>
        <br><br><br>
        <tr>
         <td><a id="14" href="/clients/14/">Bill Clinton</a></td>
       </tr>

</tbody>
<br><br><br>
<a href="#" id="sort-presi" class="button">Sort Presidents</a>

3 个答案:

答案 0 :(得分:1)

您的点击事件会调用id#sort-clients,而HTML中的排序链接会使用id#sort-presi。尝试从HTML中删除所有表格元素,包括tbody,并用div替换它们,当我测试它时它工作得很好。

答案 1 :(得分:1)

  • 您的HTML格式错误
  • 您的选择器错误(当您的链接为#sort-clients时选择#sort-presi

Here's a working example修复了这些问题。

答案 2 :(得分:0)

试试这个fiddle它会解决您的所有问题:

注意:你给的小提琴有id的链接是jquery函数中的sort-clients和html中的sort-presi,它们不是类似的,当id不相同时它将如何调用该函数。

尝试我给出的小提琴(根据您的要求提供表格),您必须点击水果或数量来对元素进行排序。