2011-04-18 17 views
1

我有一個頁面上的一些絕對定位的div下面的代碼:怪異的行爲懸停事件的jQuery

JS/JQUERY:

$("div.do").hover(function(){   
    $(this).stop().next('.tooltip').fadeIn();  
    }, function(){ 
    $(this).stop().next('.tooltip').fadeOut();  
    }); 

HTML:

<div class="do"></div> 
<div class="do"></div> 
<div class="do"></div> 

當徘徊在使用console.log($(this))的事件上時,將返回多個事件在非常零星的 辦法。似乎他們被多次觸發。我一直在使用jQuery很長一段時間,從來沒有經歷過這樣的事情。

任何洞察力,非常感謝。

+0

向我們展示做什麼零件? – Tim 2011-04-18 20:16:35

+0

有沒有涉及到任何奇怪的CSS?你說他們絕對定位。他們的貨櫃位置是否相對? – 2011-04-18 20:23:52

+0

@John父元素是相對的,並且具有固定的高度/寬度。在一些盤旋中,事件將會持續重複,並且鼠標靜止不動。我不知所措。 – jeffreynolte 2011-04-18 20:44:12

回答

1

這裏是幾乎你張貼同樣的事情小提琴。它的工作和我想象的完全一樣。看看你的代碼是什麼不同:

http://jsfiddle.net/eyLNn/4/

我以紅色突出顯示的div,所以你能看到目標區域。