Drop down menu Twitter引导$()下拉(';切换';)按键事件未触发
我在导航栏上有一个Twitter引导下拉菜单,当我点击它时,它会正确打开,并且光标向上/向下键工作正常 但是,如果我使用以下命令打开同一菜单:Drop down menu Twitter引导$()下拉(';切换';)按键事件未触发,drop-down-menu,twitter-bootstrap,onkeydown,Drop Down Menu,Twitter Bootstrap,Onkeydown,我在导航栏上有一个Twitter引导下拉菜单,当我点击它时,它会正确打开,并且光标向上/向下键工作正常 但是,如果我使用以下命令打开同一菜单: $('#菜单')。下拉菜单('toggle')在keydown或keyup事件处理程序中,菜单正确打开/关闭,但光标向上/向下键不工作。事实上,下拉菜单keydown事件不会触发 以下是html和Javascript: <ul class="nav"> <!-- "KB Menu" --> <li class
$('#菜单')。下拉菜单('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');
}
}
});
-
$(文档).on('keydown',函数(事件){
如果(event.ctrlKey){
如果(event.keyCode==191){//Ctrl+/=191
$(“#kb_菜单”)。下拉菜单(“切换”);
}
}
});
到目前为止,我已经尝试了我能想到的一切,但都没有用。在
$(“#kb_菜单”)之后添加以下行。下拉(“切换”)
:
在
$(“#kb_菜单”)后添加以下行。下拉(“切换”)
:
请你发布你正在使用的代码好吗?请发布你正在使用的代码好吗?太好了,这就解决了这个问题。我试过
$('#kb_菜单')。focus()
没有用。TBS toggle函数也调用focus(),但很明显,鼠标点击起了作用。看起来像是dropdown.toggle()应该做$(“#kb_菜单”).find('li:first>a').focus()代码>当它选择第一个菜单项时,行为也有轻微的不同,而单击则没有。无论如何,非常感谢。添加类open
也能起到作用。在您的例子中,$(“#kb_menu”).addClass(“open”)
解决了这个问题。我试过$('#kb_菜单')。focus()
没有用。TBS toggle函数也调用focus(),但很明显,鼠标点击起了作用。看起来像是dropdown.toggle()应该做$(“#kb_菜单”).find('li:first>a').focus()代码>当它选择第一个菜单项时,行为也有轻微的不同,而单击则没有。无论如何,非常感谢。添加类open
也能起到作用。在您的情况下,$(“#kb_菜单”).addClass(“打开”)
$('#kb_menu').find('li:first > a').focus();