当鼠标已经位于 onLoad 元素上方时，带有 .toggle() 的 jQuery MouseEnter 和 MouseOut 事件会反转？

Question

我有一个下拉菜单，可以很好地使用以下代码:

$('#menu ul li').mouseenter(function(){
    $(this).children(".dropdown").toggle();
}).mouseleave(function(){
    $(this).children(".dropdown").toggle();
});

这正如您所期望的那样工作。问题是，如果当 $(document).ready(function() 时，鼠标已经在 $('#menu ul li') 上 mouseenter { }) 被触发，切换会以相反的方式工作吗？

如何避免这种情况？

EG:http://screenr.com/wbd

Answer 1

您不想在 mouseenter 上执行 show() 并在 mouseleave 上执行 hide() 吗？