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

让我们简化一下。

Non-animated version (jsfiddle)：

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

Correctly animated version (jsfiddle)
Correctly animated version (jsbin)

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

代码适用于jsbin但不适用于jsfiddle - 这只是jsfiddle的不足之处。这不是你的代码 我通常会避免使用jsfiddle进行jQueryUI工具，因为它们不能很好地协同工作。