如果当我将鼠标悬停在div的内部元素上时触发了事件，那么如何在div上使用jquerymouseout？

我有一个div，当你悬停时它会膨胀，当你滑鼠时它会缩小。唯一的问题是鼠标悬停在div中的内部元素（如图像或）上时会触发鼠标出

这是我的jquery代码：

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

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

---

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

将

mouseout

更改为

mouseleave

（和

mouseover

更改为

mouseenter

，尽管这不重要）

---

不相关，但我建议使用

.on

和

.trigger

而不是直接调用事件名称作为方法。