如何通过键盘选择引导按钮下拉菜单

Bootstrap按钮下拉列表： http ： //twitter.github.com/bootstrap/components.html#buttonDropdowns

当我选择一个按钮下拉菜单时，我想使用键盘向上/向下在菜单项之间导航，然后按Enter键选择一个，就像http://twitter.github.com/bootstrap/javascript.html#dropdowns

有任何想法吗？

Answer 1

Bootstrap本身支持键盘导航。

只需将role =“menu”添加到您的下拉菜单中即可

这是一个例子，只需保存为.html并进行测试

       
 1 2 3 
 menu 
 
 one 
 
 two 
 
 three 
 
 
 
   

http://jsfiddle.net/damphat/WJS9p/

Answer 2

在某些情况下这可能不起作用的可能原因：

• 因为您使用

  或进行.dropdown-toggle 。 使它成为 ，它将工作。 奇怪的是，甚至这种元素都span.btn.btn-default ： span.btn.btn-default 。

• 确保每个

中的元素具有href="#"或href=""的属性，或者通常具有已定义的属性。

• 确保.dropdown-menu元素上有role="menu" 。