jQuery UI toggleClass 持续时间行为异常

Question

我正在使用 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>

Answer 1

看来这是一个错误。如果没有类属性，它将无法工作，但是一旦将类属性添加到节点，它就可以正常工作，

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

我会提交错误报告。

jQUEry UI Bug #8113