jquery - このjqueryイベントがトリガーされないのはなぜですか?

Question

jquery アニメーションが機能しないのに、より単純なインライン スタイルが onmouseout でトリガーされるのはなぜですか?

http://jsfiddle.net/FZLnE/1/

function bigImg(x){

  jQuery(x).stop().animate({
      color: "#fff"
  }, 200);

}

function normalImg(x)
{
    x.style.color="green";
}

Answer 1

アニメーション化されたすべてのプロパティは、単一の数値にアニメーション化する必要があります

jQueryAnimateDocsから

色は数値ではないため、アニメーション化することはできません。それが役立つかもしれないように見えるjQueryColorと呼ばれるプラグインがあります、それはjQueryanimateAPIページにリンクされています

Answer 2

実はトーマス・ライは正しかった。UIをチェックして動作します。

いずれの場合も.hover()、2つの機能を使用します。1つはマウスオーバー用、もう1つはマウスアウト用です。あなたも使うことができ.on('mouseover')ます.on('mouseout')。

http://jsfiddle.net/popnoodles/FZLnE/8/

<div class="one">This is a link</div>

jq

$('.one').hover(function(){
  jQuery(this).stop().animate({
      color: "#fff",
      marginLeft:50
  }, 200);  
}, function(){
    this.style.color="green";
})

Answer 3

colorjQuery だけではアニメーション化できません。これを行うには、jquery UI を使用する必要があります。

このリンクを見てください

また、jQuery チームによるこの新しいプラグインの開発をチェックして、カラー アニメーションやその他の多くの優れた機能をサポートしてください。