javascript - 防止在多个 .animation 事件期间排队

Question

$(this).animate({'backgroundColor':'red'},600)
       .animate({'color':'#fff'},600);

如何使两个.animate事件同时发生，而不是第二个事件等待第一个事件完成？

Answer 1

通过在同一个animate调用中指定它们：

$(this).animate({
   'backgroundColor':'red',
   'color':'#fff'
},600);

Answer 2

您应该能够在动画语句中指定多个更改的内容。

$(this).animate({
    'backgroundColor':'red',
    'color':'#fff'
} ,600);

它就在. _.animate()