只有一半的jQuery动画正在运行

Question

这个jQuery动画中只有宽度的变化在运行，为什么颜色变化动画也不会发生呢？

$('#code').animate({ 
  'background':'#dddddd', 
  'background':'rgb(221, 221, 221)', 
  'width':'16px', 
  'width':'1rem' 
});

Answer 1

您正在尝试使用jQuery单独执行的背景颜色设置动画。要在您的描述中实现您在上面尝试执行的操作，您需要添加color animation plugin which is available here.

或者您也可以使用提供相同功能的Jquery UI。

在您包含之后，您的代码应该按预期工作。

请参阅此Fiddle并附上颜色插件。

$('#color').on('click',function(){
    $(this).animate({backgroundColor:'#400101', color:'#fff'}); 
});