动画 backgroundColor 在 jQuery 1.7.2 中不起作用

Question

我有以下代码。

   $("[id^=menuItem]").mouseenter(function () {
      $(this).animate({ width: 400, backgroundColor: "black" }, 1000);
   });

当我用鼠标悬停时，所认为的 div 确实变宽了，但是背景颜色没有变化（当然，它不同于黑色）。可能是什么问题？我尝试遵循以下链接中的建议，其中的示例似乎确实有效。

http://docs.jquery.com/UI/Effects/ColorAnimations

Answer 1

jQuery UI 效果核心扩展了 animate 函数，使其也能够为颜色设置动画。

在执行此操作之前，您需要包含 jQuery UI 库。