jquery - 只有一半的 jQuery 动画在运行

Question

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

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

Answer 1

您正在尝试为单独使用 jQuery 无法实现的背景颜色设置动画。要实现您在描述中尝试执行的操作，您需要包含此处提供的彩色动画插件。

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

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

请参阅包含颜色插件的这个小提琴。

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