jQuery UI的菜單欄，在覈心缺陷 - 方向鍵斷裂

Question

我有這樣的代碼：

<ul id="bar1" class="menubar"> 
     <li> 
      <a href="#"> label1</a> 
      <ul> 
       <li> 
        <a href="link1.1"> label1.1</a> 
        <ul> 
         <li> 
          <a href="link1.1.1"> label1.1.1</a> 
         </li> 
        </ul> 
       </li> 
       <li> 
        <a href="link1.2"> label1.2</a> 
       </li> 
      </ul> 
     </li> 
     <li> 
      <a href="link2"> label2</a> 
      <ul> 
       <li> 
        <a href="link2.1"> label2.1</a> 
       </li> 
       <li> 
        <a href="link2.2"> label2.2</a> 
       </li> 
      </ul> 
     </li> 
    </ul> 

$(function() { 
    $("#bar1").menubar(); 
}); 

重現bug（我只有用箭頭鍵的操作興趣）：

• Only use arrow keys 
• Press tab 
• Press right key 
• Press down key 
• Press left key 

Demo 1

您會看到在這一點上關鍵的響應被破壞。

---

如果我改變菜單的順序一切運作良好，所以問題是子菜單。

Demo 2

---

也斷，如果這兩個按鈕有子菜單。

Demo 3

---

我真的認爲這是一個錯誤。如果有人可以修復應該發送給作者，並與主幹合併。

Answer 1

這絕對是菜單欄中的一個錯誤，可能是迴歸。

2011版本的作品完美

Copyright 2011 

http://jsfiddle.net/cB2kX/4/

---

2013有錯誤。

Copyright 2013 

http://jsfiddle.net/cB2kX/5/

的錯誤報告，而是通過jQuery UI的團隊顯然忽略。對我來說是使用2011版本解決的。