懸停時使用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複製演示的例子，並在項目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); 
      },