jquery - 如果当我将鼠标悬停在 div 的内部元素上时触发事件，我如何在 div 上使用 jquery mouseout？

Question

我有一个 div，当您悬停时会扩展，当您鼠标悬停时会缩小到小尺寸。唯一的问题是当您将鼠标悬停在 div 中的内部元素（例如图像或 < p >）上时会触发 mouseout。

这里的例子小提琴

这是我的jQuery代码：

$(".riser").mouseover(function(){ 
 $(this).animate({height:400}, 100);
});  

$(".riser").mouseout(function(){ 
 $(this).animate({height:150}, 100);
}); 

我只想在鼠标移出 div 时使 div 变小，当我将鼠标悬停在内部元素上时，我不希望它做任何事情。

Answer 1

更改mouseout为mouseleave（和更改mouseover为mouseenter，尽管这无关紧要）。

http://jsfiddle.net/FCxYW/2/