2

由于某种原因,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 似乎有问题。我到处搜索,但没有发现任何对我有帮助的东西。

提前感谢您的帮助

4

2 回答 2

1

看起来您在<tr>标签中输入的东西而不是在我检查的<td>标签中,tr
如果您将内容放在<td>标签中,它工作正常。见这里http://jsfiddle.net/QjjGD/1/

于 2012-03-05T15:28:40.347 回答
1

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

http://jsfiddle.net/Yjqkn/

试一试,让我知道这段代码和你的代码有什么不同。

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

于 2012-03-05T15:36:38.233 回答