嵌套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