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(); 
});