JQuery on MouseOver

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"); 
     }); 
    }); 
​