【问题标题】:jQuery doesn't animate my background colojQuery 没有为我的背景颜色设置动画
【发布时间】:2013-08-27 18:00:00
【问题描述】:

我一直在尝试为我的网站的背景颜色设置动画。我尝试了很多方法,但它根本不起作用。

我想在代码的其他部分使用它,但这不起作用:

jQuery('div#Wrapper').animate({backgroundColor:'rgb(7,100,172)'),8500);

【问题讨论】:

  • 您的语法错误(动画选项中缺少关闭})是否也出现在您的实际代码中,或者只是这里的错字?
  • 你是否包含了 jQuery ui?只是 jQuery 不能为颜色设置动画。

标签: jquery background jquery-animate background-color


【解决方案1】:

如果你的 div 的 id 是 Wrapper,那么你的语法应该是

$('#Wrapper').animate({backgroundColor:'rgb(7,100,172)'},8500);

你也错过了你的} animate 功能

【讨论】:

  • 这是一个很棒的评论。
  • 我这么说是因为当时你并没有真正解决他的问题,你只是告诉他删除选择器中的div 限定符。这是一个有效的观点,但不值得回答。但是,即使现在,您的答案也不正确,因为它在时间值之前关闭了括号。
  • 我尝试了您的解决方案,不幸的是,这似乎不起作用。就像我说的,我尝试了很多解决方案:我看到 jQuery 确实尝试了一些东西。我的 div 看起来像这样:
    在代码开始之前和之后看起来像这样:
    问题在我的网站上我尝试将背景设置为动画更酷。这是地址:www.godartmartin.com 感谢您的快速回复
  • @user2722671 你包含了 jQuery UI 吗?控制台有错误吗?
【解决方案2】:

修复您的语法错误(使用右括号代替括号),并首先包含 jQuery,然后是 jQuery UI。

jQuery('div#Wrapper').animate({backgroundColor:'rgb(7,100,172)'},8500);

See Fiddle

【讨论】:

  • 我已经插入了这个: 但包含 jQuery UI 并不能解决我的问题,或者可能是我错过了什么
  • @user2722671 在包含 jQuery UI 之前,您需要包含 jQuery。遇到 jQuery/javascript 问题时,请务必检查您的控制台。
猜你喜欢
相关资源
最近更新 更多
热门标签