jquery 切换类不工作

Question

由于某种原因，toggleClass 函数似乎不起作用。

我有一个带有“nodrag”类的表格行 - 与 tableDnD 插件一起使用:

<tr id="1" class="nodrag">
<!--Some tds and stuff-->       
</tr>

当我单击链接时，我想使用 $(document).ready 函数中的以下代码打开和关闭该类:

$("#reorder").click(function(event) {
    $("#1").toggleClass("nodrag");

    if ($(this).text()=='Reorder')
    {
        $(this).text("Done reordering");
    } else {
        $(this).text("Reorder");
    }

    event.preventDefault();
});

我知道点击事件会因为链接的文本发生变化而触发。我也知道行的选择是有效的，因为如果我用它做其他事情，比如 - $("#1").text("test") - 那是有效的。

这似乎只是toggleClass 的问题。我到处搜索过，但没有找到任何对我有帮助的东西。

预先感谢您的帮助

Answer 1

这是一个非常适合我的现场演示

http://jsfiddle.net/Yjqkn/

尝试一下，让我知道此代码与您的代码有何不同。

附注:您应该始终避免使用纯数字命名您的 ID，如果您被迫这样做，请在数字前添加任何字母，例如:TblRow1、txt2。但始终建议使用有意义的单词来命名您的控件，例如:txtUsername、lnkDelete 等。