关注引导下拉列表

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)，它被标榜为“世界上最容易访问的下拉菜单”。

然而，其他更先进的方法也被降级。我希望它能提供你所需要的一切。