2011-06-29 5 views
0
$('.a').bind('mouseover',function(){ 
    $('.a').addClass("b"); 
    }).bind('mouseout',function(){ 
    $('.a').removeClass("b"); 
    }); 

をフェードアウト。jQueryのaddClassフェードインは、私は次のように上記のコードでフェードインフェードアウトを追加したい

+0

$( "a")ではなく、$( "a")ではありませんか? –

+0

ああええ!それは '$("。a ")'です。フェードのない上記のコードはうまく動作します。 –

+0

何がうまくいかない?アニメーションはありませんか?それともエラーを投げますか? – Dogbert

答えて

4

あなたのコードはバグのないのように働くが、これを考慮している:

  • fadeOutは、要素を隠し、あなたは再びそれ上にカーソルを移動することはできません。
  • fadeInはすでに表示されている要素では何も行いません。
+2

また、バブルの問題を避けるために、 'mouseover' /' mouseout'の代わりに 'mouseenter' /' mouseleave'にバインドすることを検討してください。 –

+0

このようにアニメーションを追加できないということですか? –

1

まず、私はfadeOutfadeInが間違った方法だと思います。事実はあなたがでは、それが最初の場所では表示されませんを意味し、それをフェージングされているので

あなたは、したがって、あなたがそれmouseoverできない、mouseoverで何かをフェードすることはできません。

これを仮定すると、これを切り替えると2番目の問題が発生します。それが消えたら、mouseoutは要素が表示されていないためマウスが要素の上になくなったため自動的に起動しますちょうどそれをかすった)。

あなたは探している効果を確認できますか?代わりがあるかもしれません。

+0

これでポイントが得られましたが、今は2つの要素でこれを使用しなければなりません。ありがとう –

+0

問題ない、幸運。 – tjm

関連する問題