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

有一篇很棒的文章“Accessible Dropdown Menus”，关于在http://terrillthompson.com/blog/202

上执行此操作的各种方法

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

然而，还演示了其他更高级的方法。我希望它能提供你所需要的一切。

专注于bootstrap下拉列表

2 个答案: