鼠标悬停和鼠标不断触发事件？

问题描述：

我有一个我想隐藏在鼠标上的嵌套div，并在鼠标上显示。鼠标悬停和鼠标不断触发事件？

但是，当我尝试这样做时，事件会持续触发。

这段代码很长，所以对于更详细的例如请查看小提琴@http://jsfiddle.net/jWbZy/16/

链接到你的问题的一个例子是好的，但你应该说明你的问题在这里** **，随着你的HTML和jQuery。 –

答

这里有一个办法做到这一点：

添加一个包装周围的传送带面板（我想这就是CP代表）：

<div class="cpWrapper"> 
    <div class="cp"> 
     <div class="prev"></div> 
     <div class="next"></div> 
    </div> 
</div>

随着如下因素风格：

.cpWrapper { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
}

和隐藏/显示其子的Elemen TS：

$('.slideshow .cpWrapper').mouseover(function() { 
    $(this).find('.cp').hide(); 
}); 
// ...

工作示例这里：http://jsfiddle.net/Kxvuk/

谢谢@塔图！虽然我给了@pinouchon，因为他有较少的代表。 – hamahama

不要看代表，检查最适合你的答案。 –

答

这是因为当您隐藏元素时，mouseout事件也会随着光标不在元素上而被触发。相反，事件添加到父元素，以获得预期的效果：

$('.slideshow') 
    .mouseover(function(){ 
     $(this).find('.cp').hide(); 
    }) 
    .mouseout(function(){ 
     $(this).find('.cp').show(); 
    });

鼠标悬停和鼠标不断触发事件？

相关推荐