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来玩。