jQuery鼠标悬停事件

Question

我有一张产品图片，上面有一个“新产品”的图像。当我将鼠标放在上面时，它会认为鼠标已经离开了产品图片。

此外，当我鼠标悬停时，出现的div不应该消失，因为鼠标进入了那个区域。

以下是当前示例： http://jsfiddle.net/euhcc/8/

- Patrick Reck

Answer 1

http://jsfiddle.net/euhcc/9/

我认为你要找的是mouseleave而不是mouseout。

检查更新后的代码片段，看看是否符合你的需求。

在jQuery中，mouseleave会检查元素及其后代所覆盖的“区域”，而不仅仅是元素本身。这意味着如果你有一个元素悬停在该元素上（即$(this)），并且它是$(this)的后代，并且你想确保功能是基于鼠标是否实际悬停在$(this)元素占据的位置（不考虑其他元素），那么请使用mouseleave。

- Tango Bravo

Answer 2

如果你只针对现代浏览器 - pointer-events:none;

http://jsfiddle.net/euhcc/10/

  <div style="position:absolute; width: 180px; pointer-events:none;">

- Praveen Vijayan

---

我不知道这种东西的存在 - +1 - Jibi Abraham

如果用户想要将鼠标悬停在div上滑动，则此方法无效。 - Tango Bravo

Answer 3

    $(document).ready(function(){
    $('.retslet').hide();

        $('.billede_wrap').hover(function(){
           $('.retslet').slideDown("fast");
        },function(){
           $('.retslet').slideUp("fast");
        });
    });
​

- Johndave Decano