Jquery 引导下拉列表在输入选择时消失
我有一个引导下拉菜单,我计划使用登录。它看起来很好,但是当我选择用户名nput时,它消失了,因为焦点已经转到输入。我将如何添加对输入的支持,或者是否有一种工作方法 我目前的代码是:Jquery 引导下拉列表在输入选择时消失,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我有一个引导下拉菜单,我计划使用登录。它看起来很好,但是当我选择用户名nput时,它消失了,因为焦点已经转到输入。我将如何添加对输入的支持,或者是否有一种工作方法 我目前的代码是: <li id="fat-menu" class="dropdown"> <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown" data-target="#"&g
<li id="fat-menu" class="dropdown">
<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown" data-target="#">Login <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
<li role="presentation"><input name="username" type="text" placeholder="Username" /></li>
<li role="presentation"><input name="password" type="password" placeholder="Password" /></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Login</a></li>
</ul>
</li>
我在犹太教的尝试。我根本无法使用下拉列表:请查看以下内容:-
您需要防止在单击输入文本框时发生下拉事件。您可以使用javascript来实现这一点
请添加一个我正在尝试但无法让下拉列表响应的链接。这是链接:很好!!快速解决方案。谢谢你的回答!当您为任何引导程序编写js FIDLE时,您可以使用引导程序的CDN路径作为外部URL。。按钮现在似乎通过了点击测试,并且没有消失。但是点击之后,如果我点击其他地方,它会再次消失。。
$('.dropdown-menu input').click(function(e) {
e.stopPropagation(); //This will prevent the event from bubbling up and close the dropdown when you type/click on text boxes.
});