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