在悬停时使用 jQuery UI 菜单对子菜单不起作用

Question

我在我的应用程序中使用 jQuery UI 菜单插件。我有一个问题。

在子菜单中（第 2 级）如果我将鼠标反复悬停在单个子菜单项上，则有时不会发生悬停动作。

ITEM 1

ITEM 2

ITEM 3 -> ITEM 3-1 

          ITEM 3-2     


ITEM 4

ITEM 5 

在这里解释场景：

我从这里http://api.jqueryui.com/menu/#entry-examples 复制了演示示例，并在 Item 3-2 下添加了一个子菜单级别。 现在将鼠标悬停在第 3-2 项上，下一个级别出现，但如果我重复悬停，那么在悬停的某个点上，下一个级别没有出现。

要重现此问题，请按照以下步骤操作

1. 将鼠标悬停在第 3 项上 - 这将显示菜单
2. 将鼠标悬停在项目 3-2 上 - 出现子菜单
3. 从子菜单中移出鼠标 - 但是，不要在菜单外单击，这样第 3 项菜单仍会打开。
4. 现在将鼠标悬停在第 3-2 项上（选择在步骤 – 2 中选择的相同项目，在此菜单项上重复执行并检查） – 子菜单未出现。

Answer 1

绑定到根菜单的mouseleave事件应该运行collapseAll(event, true)，而不是直接绑定到collapseAll()，例如

@jquery.ui.menu.js 的第 102 行

            mouseleave: "collapseAll",
            mouseleave: function( event ){
                this.collapseAll( event, true );
            },