MouseOver上的JQuery

Question

我有一个产品的图像，顶部有一个“新产品”图像。当我将鼠标放在其上时，它就像鼠标离开产品图片一样。

此外，当我鼠标悬停时，出现的div不会消失，因为鼠标会进入。

这是当前的例子： http://jsfiddle.net/euhcc/8/

Answer 1

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

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

检查更新后的小提琴，看看你是否正在寻找。

在jQuery中，mouseleave检查更多的元素及其后代所涵盖的“区域”，而不是元素本身。这意味着如果你有一个元素呈现在元素上（在上下文中：$(this)），它是$(this)的后代，并且你想确保该功能是基于鼠标是否物理上位于$(this)元素占据的位置（尽管有其他元素），然后使用mouseleave。

Answer 2

如果您只定位现代浏览器 - pointer-events：none;

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

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

Answer 3

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

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