Jquery ui菜鸟与核心的bug - 箭头键被打破

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

Demo 1

此时您将看到关键响应被破坏。

---

如果我改变菜单的顺序一切正常，那么问题就是子菜单。

Demo 2

---

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

Demo 3

---

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

Answer 1

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

2011版本完美无缺

Copyright 2011

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

---

2013有错误。

Copyright 2013

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

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