backgroundColor 没有动画,但宽度在 jQuery [重复]

Posted

技术标签:

【中文标题】backgroundColor 没有动画,但宽度在 jQuery [重复]【英文标题】:backgroundColor does not animate, but width does in jQuery [duplicate] 【发布时间】:2013-08-23 04:14:27 【问题描述】:

我希望通过动画效果改变 div.navBtn 元素的颜色。它不工作,我不知道为什么。

$(document).ready(function()

  $("button").click(function()
  
    $("div.navBtn").animate(
    
      width:'+=10px',
      backgroundColor: "#aa0000"
    );
  );
);

backgroundColor 是实际颜色变化的原因,但它不起作用。宽度+=10 完美运行,背景颜色完全没有任何作用。是语法错误还是什么???我从此处发布的另一个帮助中复制了"backgroundColor: "#aa0000""。有谁知道问题出在哪里?

【问题讨论】:

***.com/questions/10090023/… 【参考方案1】:

您必须包含 jQuery UI 才能使用 jQuery.animate 为颜色设置动画。

【讨论】:

【参考方案2】:

您不能使用 jQuery 为颜色设置动画,您可能必须改用 CSS 或 jQuery UI,但您不应该仅仅为了动画颜色而包含它。

【讨论】:

***.com/questions/10090023/… 是的,怎么样?请不要告诉我你的说法有一个插件

以上是关于backgroundColor 没有动画,但宽度在 jQuery [重复]的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI动画RoundedRectangle的宽度从0到宽度onAppear?

反应元素宽度动画

Flexbox 进度条动画 - 宽度不正确

jQuery:动画宽度/高度,但保持居中

动画弹性基础但保持儿童的初始高度/宽度

宽度约束动画时UITextfield文本位置没有动画