javascript - 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();
});

重现错误（我只对箭头键的操作感兴趣）：

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

演示 1

您将看到此时关键响应中断。

---

如果我更改菜单的顺序一切正常，那么问题出在子菜单上。

演示 2

---

如果两个按钮都有子菜单，也会损坏。

演示 3

---

我严重认为这是一个错误。如果有人可以修复应该发送给作者，并与主干合并。

Answer 1

这绝对是菜单栏中的错误，可能是回归。

2011版完美运行

Copyright 2011

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

---

2013 有这个问题。

Copyright 2013

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

该错误已报告，但显然被 Jquery UI 团队忽略了。对我来说，使用 2011 版本解决了。