jquery:如果鼠标事件发生在另一个 div 上，则防止 div 隐藏

Question

我这里有这个简单的例子: http://jsfiddle.net/pTyvc/1/ 我不希望 sub_menu div 在鼠标悬停时向上滑动有什么帮助吗？谢谢

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