专注于引导下拉列表

Question

我正在使用引导下拉列表，我想专注于下拉列表，以便我可以使用键盘在列表中导航。使用jquery的方法是什么？我尝试使用 $（'#myULid'）.focus（） 但这不起作用。

我能够打开下拉菜单，但不能专注于它。

        <button id="time_btn" type="button"
                class="btn btn-reverse dropdown-toggle"
                data-toggle="dropdown">
            </button>
            <ul class="dropdown-menu" role="menu">
                <li ng-repeat="item in items" ><a><span>test</span></a></li>
        </ul>

Answer 1

只需添加

<ul  tabindex='1'>
....
</ul>

然后添加 .focus（） 方法

Answer 2

有

一篇很棒的文章"可访问的下拉菜单"，所有关于执行此操作的各种方法，请访问 http://terrillthompson.com/blog/202

它包括各种方法的示例。最简单的一个可以在 http://staff.washington.edu/tft/tests/menus/dropperdown/index.html 看到。它是一个纯粹的CSS解决方案（没有JavaScript），它的发明被称为"世界上最容易访问的下拉菜单"。

但是，也演示了其他更高级的方法。我希望它能提供你需要的一切。