使用QTip2 Jquery库，使用自定义分层菜单过早触发MouseEnter / MouseLeave

我一直在争取在我的QTip2演示菜单改编中找到错误一个多月了。 除了剩下的2个问题之外，我的实现工作得很好。 两者都在下面用小提琴详述。 我真的希望有人可以提供帮助，以便我可以完成这个项目。

2个问题： http ： //jsfiddle.net/UGQ95/10/

“第1层”菜单正确打开，并在用户未使用菜单时保持正确。 这意味着每当用户完成hover任何菜单项时，它返回以指示用户当前项。 菜单的行为目前是正确的，保持打开’第1层’和’第2层’，而’第3层’（如果有的话）在hover时突出显示，但保持隐藏直到hover。

问题1.您会注意到顶层“第1层”在“第1层”项目之间移动时会尝试在mouseleave上立即强制使用“alwaysactive”项。 我相信这是由#navigation触发过早的mouseleave触发引起的。 这个JS在最后10行中找到。

问题2.在提供的小提琴中，您会注意到我已将“第1层 – 维护”，“第2层 – 总线停止”和“第3层 – 创建总线停止”设置为活动页面。 当将“Tier 2”项目与“Bus Stops”一起hover时，我无法让“Tier 2”活动项目失去其突出显示，直到它需要返回显示为活动状态。

非常感谢，如果有人能提供帮助！ 我真的希望我能够清楚地说明我的问题。

干杯德文