2011-06-13 20 views
3

divが表示されているときにアンカーリンクを表示しようとしています。これはうまくいきますが、リンク上にマウスを置くと点滅します。jQuery - live mouseoverイベント

 
$('.div_mayKnowUser').live("mouseover", function(){ 
    $(this).find('.a_ignoreUser').fadeIn(); 
}); 

$('.div_mayKnowUser').live("mouseout", function(){ 
    $(this).find('.a_ignoreUser').fadeOut(); 
}); 

と私のHTML::

<div class="div_mayKnowUser"> 
    <a href="" class="a_ignoreUser">a link</a> 
</div> 

おかげで、私はアンカーリンク上で定期的にホバー機能を試してみましたが、それは動作しませんでした...これは私のjsのです!

+0

あなたはDelegateを使用し、jQueryメソッドをチェーンし、クラスだけでなくタグ名でも検索する必要があります。 – vsync

答えて

9

"マウスオーバー" => "のMouseEnter"

"マウスアウト" => "mouseleave"

価値読み取り=>http://www.quirksmode.org/js/events_mouse.html

編集:ライブとのMouseEnter/mouseleaveについて、それをknown bugが修正されていないようですが、コメントの例を参照してください。

+0

http://jsfiddle.net/steweb/2Jy9R/「ライブ」やイベントターゲットの発射に問題があると思います。もしそれらをバインドすれば、問題は解決します(ホバー()のように) – stecb

+0

素晴らしいです! +1はうまくいった。私はちょうどフィドルを作っていた。 :) –