jQuery添加类,等待,然后更改该类？

Question

我需要在单击元素时添加一个类(例如转换),然后等待1秒并更改该类(例如,完成转换).

我试过这个:

$(this).addClass('transition').delay(1000).addClass('active');

更新 - 为什么以下不起作用？当我取消注释警报时,我可以看到它在正确的时间触发addClass并被removeClass忽略.

$('.target').click(function() {

    $(this).addClass('transition'); 

    $('.target').not(this).removeClass('active transition');

    setTimeout(function(){  
        $(this).removeClass('transition');
        $(this).addClass('active');
        //  alert('test');
    },300);

});

Answer 1

$('p').css('color', 'red').delay(1000).queue(

function (aaa)
{
   $(this).css('color', 'green');
   $(this).dequeue(); //<---- or  aaa();  , will work also
}).Continue...

示例:http://jsbin.com/ocOkIfA/2/edit

看看jquery:

默认情况下,您可以为其添加延迟的队列仅适用于FX.

设置css prop不是动画 - 因此它不使用队列.

这就是我们所做的.