jquery - jQuery 1.7.2 で backgroundColor のアニメーション化が機能しない

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 ライブラリを含める必要があります。