JQuery UI Menubar с ошибкой в ​​ядре - сломаны клавиши со стрелками

У меня есть этот код:

    <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


Я серьезно думаю, что это ошибка. Если кто-то может исправить, следует отправить авторам и объединить с транком.

1 ответ

Решение

Это определенно ошибка в строке меню, вероятно, регрессия.

2011 версия работает отлично

Copyright 2011

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


2013 имеет ошибку.

Copyright 2013

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

Об ошибке сообщили, но, очевидно, игнорируется командой Jquery UI. Для меня решено использование версии 2011 года.

Другие вопросы по тегам