jQuery UI 的怪异

Question

我对 jQuery 很陌生，但很想学习。因此，我使用 jsFiddle 来玩一下，看看可以做什么 - 没什么大不了的，只是玩动画等等。具体来说，是在两个类之间制作动画的能力。

言归正传，你能看一下这个并让我知道为什么我需要 .delay 才能让它工作吗？

http://jsfiddle.net/Ps4Xn/2/

$('div').click(function() {    
    if ($(this).hasClass('clicked')) {
        $(this).delay(1).removeClass('clicked', 5000, 'easeInElastic');
    } else {
        $(this).delay(1).addClass('clicked', 5000, 'easeInElastic');
    }
});

据我所知，我应该是能够摆脱两个 .delays，但是当我这样做时，它不起作用。

Answer 1

让我们简化一下事情。

非动画版本 (jsfiddle)：

$('div').click(function() {
    $(this).toggleClass('clicked');
});

正确的动画版本 (jsfiddle)
正确的动画版本 (jsbin)

$('div').click(function() {
    $(this).toggleClass('clicked', 5000, 'easeInElastic');
});

该代码适用于 jsbin，但不适用于 jsfiddle - jsfiddle 有点奇怪。这不是您的代码。
我通常避免使用 jsfiddle 来使用 jQueryUI 工具，因为它们不能很好地协同工作。