嵌套div问题的jquery mouseout

Question

我试图在鼠标的div上触发一个函数。然而，当你在div中元素的时候，它会触发鼠标移出。

<div id="my_div"> 
    <div class="another_div">X</div> 
</div> 

<script> 
$("#my_div").mouseout(function() { 
    alert('weeeee, I am out!'); 
} 
</script> 

这是有道理的，但我怎么才能测试的鼠标事件只有当它不是在一个子元素？

Answer 1

尝试使用MouseLeave事件而不是鼠标移开，根据API：

鼠标移出火灾时，该指针从子元件运动 进入或离开，而 鼠标离开没有。

Answer 2

你想这样的：

http://docs.jquery.com/Events/mouseenter和http://docs.jquery.com/Events/mouseleave