drop-down-menu - Twitter Bootstrap $().dropdown('toggle') keydown 事件未触发

Question

我在导航栏上有一个 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');
        }
    }
});

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

Answer 1

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

$('#kb_menu').find('li:first > a').focus();