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

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版本解决的。