1

我在导航栏上有一个 Twitter Bootstrap 下拉菜单,当我点击它时它会正确打开,并且光标向上/向下键工作正常。

但是,如果我使用以下命令打开相同的菜单: $('#menu').dropdown('toggle');在 keydown 或 keyup 事件处理程序中,菜单会正确打开/关闭,但是光标向上/向下键不起作用。事实上,下拉菜单keydown事件不会触发。

这是html和Javascript:

<ul class="nav">   <!-- "KB Menu"   -->
    <li class="dropdown kb_menu hideit">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Knowledge Bases<b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="kb_menu">
      </ul>
    </li>
</ul>


$(document).on('keydown', function( event ){
    if ( event.ctrlKey ){
        if ( event.keyCode == 191 ){   // Ctrl+/ = 191
            $('#kb_menu').dropdown('toggle');
        }
    }
});

到目前为止,我已经尝试了我能想到的一切都无济于事。

4

1 回答 1

1

在 之后添加以下行$('#kb_menu').dropdown('toggle')

$('#kb_menu').find('li:first > a').focus();
于 2013-02-07T11:09:32.580 回答