Javascript 怪异行为悬停事件jQuery

我在页面上的一些绝对定位div上有以下代码：

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

JS/JQUERY:

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

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

HTML:

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

当使用

console.log（$（this））

将鼠标悬停在事件上方时，返回以非常不连续的方式触发的多个事件。他们似乎被多次触发。我已经使用jQuery很长时间了，从未经历过类似的事情

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

---

非常感谢您的任何见解。

对我来说非常有魅力。

这里有一把与您发布的内容几乎相同的小提琴。它的工作原理和我想象的完全一样。查看您的代码是否有任何不同：

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

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

---

我用红色突出显示了div，以便您可以看到目标区域的位置。

向我们展示do something部分？是否涉及任何奇怪的css？你说他们是绝对定位的。它们的容器位置是相对的吗？@John父元素是相对的，具有固定的高度/宽度。在一些悬停上，事件将不断重复，并且鼠标处于静止状态。我不知所措。@jnolte您使用哪种浏览器？@John FF 4.0 Safari中的相同行为：(

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