下拉不能正常工作

Question

当鼠标悬停在Categories下方显示下拉菜单时，但是当我将鼠标移到子项上时，菜单会不断消失？

这是jsFiddle http://jsfiddle.net/mdanz/hvF8P/17/

Answer 1

您不应该使用mouseout。相反，为hover提供两个函数：

$('#category2').hover(function() {
   $('#category2').show();   // This function will be called upon mouseover
}, function(e) {
    $('#category2').hide();  // This one will properly be called on mouseout
});

小提琴：http://jsfiddle.net/hvF8P/20/

附注：在功能内部，您也可以使用$('#category2')而不是$(this)。