Jquery 下拉菜单不工作(选项卡焦点)

Jquery 下拉菜单不工作(选项卡焦点),jquery,css,html,twitter-bootstrap,Jquery,Css,Html,Twitter Bootstrap,我正在使用一个带有下拉菜单的引导示例 下面是一个活生生的例子: 当链接上的用户选项卡使用css和javascript时,我尝试显示下拉菜单 CSS: 有办法做到这一点吗? 谢谢你我不能100%肯定我理解你的问题,但是,如果你想在点击下拉菜单时切换它,你可以使用javascript执行以下操作: $('.dropdown-toggle').keyup(function(e) { if (e.keyCode == 9) { $(this).dropdown('toggle')

我正在使用一个带有下拉菜单的引导示例

下面是一个活生生的例子:

当链接上的用户选项卡使用css和javascript时,我尝试显示
下拉菜单

CSS:

有办法做到这一点吗?
谢谢你

我不能100%肯定我理解你的问题,但是,如果你想在点击下拉菜单时切换它,你可以使用javascript执行以下操作:

$('.dropdown-toggle').keyup(function(e) {
    if (e.keyCode == 9) {
        $(this).dropdown('toggle');
    }
});

下面是一个示例,

试试这个,无需添加自定义JS:

例如:


切换导航
    • 导航标题

您能更好地解释一下您想要什么吗?我想点击(键盘按钮)进行此操作,用户将在不使用mause的情况下浏览菜单,但问题是,当我在下拉选项上单击tab键时,什么也没有发生,您必须按enter键才能显示选项谢谢您的帮助,如果我想切换回菜单,这就是我需要的,我需要创建另一个if语句吗?这段代码确实是针对这种情况的,有很多(可能更好)方法可以做到这一点,但这里有一种方法可以在您离开下拉列表后切换下拉列表,
$('.dropdown-toggle').keyup(function(e) {
    if (e.keyCode == 9) {
        $(this).dropdown('toggle');
    }
});