jQuery animate() 不使用颜色

Posted 2023-05-08

【中文标题】jQuery animate() 不使用颜色

【英文标题】：jQuery animate() not working with colors

【发布时间】：2012-11-07 20:35:26

【问题描述】：

我正在尝试在 Confluence 4.1.9 中进行一些简单的 jQuery 测试。

$("div#test").css("background","#F00");

有效，但是

$("div#test").animate(background:"#F00");

没有。我错过了什么吗？或者也许 animate() 在 Confluence 中不起作用？希望有人可以帮助我解决这个问题。谢谢。

[更新]

谢谢你们，它完全有效！ 但是仅供参考，它在预览中不起作用，这让我有点摸不着头脑。好在我决定保存页面，看看会发生什么。 :P

【问题讨论】：

如果你想为颜色设置动画，你也应该加载 jQuery ui。

【参考方案1】：

jQuery Core 不支持开箱即用的彩色动画。

您必须使用jQuery UI 或独立的jQuery Color plugin 之类的东西来调用animate() 才能按预期工作。

【参考方案2】：

动画不适用于颜色

但是如果你想避免使用 JQuery UI，你可以使用 transitions：

$("div#test").css(  "background": "#F00",
                     "transition": "color 0.4s"  );