jQuery的：防止格在躲，如果發生在其他的div

Question

我這裏有這個簡單的例子鼠標事件： http://jsfiddle.net/pTyvc/1/ 我不想sub_menu div來效果基本show如果鼠標在任何幫助嗎？謝謝

Answer 1

您必須使用mouseover，因爲mouseenter在從子元素移至父元素時未觸發。另外，當您將鼠標懸停在子菜單上時，您必須使用.stop()動畫來防止其滑動。將鼠標從子菜單移動到父元素也是如此。

http://jsfiddle.net/pTyvc/25/

$(".menu_item").mouseover(function(){ 
    $(this).addClass("selected") 
     .children().stop().slideDown(500); 
}); 

$(".menu_item").mouseout(function(e){ 
    $(this).removeClass("selected") 
     .children(".sub_menu").slideUp(500); 
}); 

$(".sub_menu").mouseover(function() { 
    $(this).stop(); 
});