当页面加载时，如果鼠标在菜单上，Javascript菜单行为将倒置

Question

我的javascript菜单快疯了。该网站是DDay.it，菜单是一个javascript拉下来的ajax加载。我试图解决一个非常恼人的问题:如果在页面加载时鼠标不小心出现在菜单上，则菜单的行为是倒转的:正常状态打开，悬停状态关闭。

你可以试着使用Chrome在网站上直播。

我想自己解决这个问题(我是一个rails开发人员，但我正在学习js)，但是我不明白如果js在页面的末尾加载和执行，为什么在页面加载时会改变行为。

添加了代码:这是要旨

Answer 1

错误代码位于第232行：$navContainer.addClass('animating').toggleClass('open');中。

它属于函数animateMenuToggle，它应该接收状态参数(可以由函数toogleMenu传递)。

然后，您可以使用状态参数来执行如下操作：$navContainer.addClass('animating').removeClass('open close').addClass(status);

Answer 2

问题是，我猜，在加载时，您不会在导航上得到mouseenter事件。

然后，在mouseleave上，你得到了事件，并扭转了一切。

您对.hasClass('animating')有依赖关系，这可以翻转它。

我很想在.hasClass()或status == open/close上切换一下。