jquery - jQuery UI 1.8 和 addClass / removeClass 动画在超时时不起作用

Question

我有一个页面，我基本上希望一个元素“闪烁”一段时间，然后返回其初始状态。使用 jquery UI，您可以为 addClass() 和 removeClass() 方法设置动画：

 $this.addClass('success', 400);

进而

 setTimeout(function(){                 

     $this.removeClass('success', 400);

 }, 1000);

“成功”类有一个

background-color: green 

第一个作品。但是 setTimeout 中的 removeClass() 只是删除了类而不做任何动画。这可能是什么原因造成的？

Answer 1

也许您会使用像.delay()这样有用的方法？

$('button#test_add').click(function() {
    $('#content').addClass('success', 400);
});

$('button#test_remove').click(function() {
    $('#content').delay(1000).removeClass('success', 400);
});

这是一个可以玩的JSFiddle 。