4

我正在使用 jQuery UI .toggleClass(class, [duration]) 在 100x100 框上切换红色背景，但我得到的结果很奇怪。请参阅http://jqueryui.com/docs/toggleClass/以供参考。

正如您从这个示例中看到的那样 - http://jsfiddle.net/xkrX9/ - 第一次单击 div#box 会立即切换红色背景（没有任何 [持续时间]），然后在大约 1 秒后再次将其切换回白色第二次点击事件。第二次单击（不重新加载页面）导致 .red 类按预期切换，持续时间为 1000 毫秒。

这里出了什么问题？感谢您的任何见解！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<style>
    #box { width: 100px; height: 100px; border: 1px solid #999; }
    .red { background: red; }
</style>

<div id="box"></div>

<script>
    $('#box').click(function() {
        $(this).toggleClass('red', 1000);
    });
</script>
4

1 回答 1

2

这似乎是一个错误。如果没有类属性，它将不起作用，但是一旦将类属性添加到节点，它就可以正常工作，

http://jsfiddle.net/xkrX9/3/

我会提交一个错误报告。

jQuery UI错误 #8113

于 2012-02-16T20:45:00.777 回答