我有一个下拉菜单,可以很好地与以下代码配合使用：

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

正如您所期望的那样.问题是,如果在$(document).ready(function(){})被触发时,鼠标已经在$(‘#menu ul li’)上进行鼠标输入,则切换是否可以正常进行？

如何避免这种情况？

EG：http://screenr.com/wbd