2011-06-13 142 views
3

我試圖顯示一個錨鏈接,當一個div被徘徊。這工作正常,但是當我將鼠標懸停在鏈接本身上時,它閃爍,它應該保持不動。我嘗試了錨鏈接定期懸停功能,沒有工作......這就是我的JS:jQuery - 活的鼠標懸停事件

 
$('.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> 

謝謝!

+0

你應該使用Delegate,鏈接你的jQuery方法,而不是僅僅通過類來搜索,而是通過標籤名來搜索。 – vsync 2011-06-13 21:36:14

回答

9

「鼠標懸停」=> 「的mouseenter」

「鼠標移開」=> 「鼠標離開」

值得一讀=>http://www.quirksmode.org/js/events_mouse.html

編輯:關於生活和了mouseenter /鼠標離開時,似乎有一個known bug尚未修復,請參閱評論中的示例。

+0

http://jsfiddle.net/steweb/2Jy9R/我認爲這是一個'活'的問題,並事件目標射擊..如果你綁定他們的問題已解決(像懸停()) – stecb 2011-06-13 22:09:04

+0

偉大! +1做得好。我正在做一個小提琴。 :) – 2011-06-13 22:19:45