要求
我想在带有用户名和密码字段的下拉菜单中放置一个登录表单,我可以做到这一点。除了以下问题之外,一切正常,
Issue
打字时我无法使用箭头键(上/下)firefox,当输入位于下拉代码之外时,这很有效。这适用于其他浏览器,例如 google chrome。
-
Firefox版本是26
- 引导程序版本:3.03
- jQuery 1.10
问题:
如何解决这个问题,jquery 或 twitter 的 js 是否有问题,因为当我将输入移到下拉列表之外时它工作得很好
Fiddle
这是复制相同内容的小提琴:::http://jsfiddle.net/santoshjoshi/WKU6M/3/ http://jsfiddle.net/santoshjoshi/WKU6M/3/
Code:
<div id="navbar-example" class="navbar navbar-static">
<div class="container" style="width: auto;">
<div class="nav-collapse bs-js-navbar-collapse">
<ul class="nav navbar-nav pull-left">
<li id="sign-up-dropdown" class="dropdown closed noshow">
<a href="#" id="drop4" role="button" class="dropdown-toggle" data-toggle="dropdown">Sign Up<b class="caret"> </b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
<li role="presentation">
<div class="login_dropdown platform-font-1">
<form class="form-horizontal" action="login" method="POST">
<div class="form-group">
<div class="col-lg-10">
<input type="text" class="form-control " id="email" name="email" placeholder="Email"> </input>
</div>
</div>
</form>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- Arrow keys works with the below input but not the one inside drop down -->
<input type="text" class="form-control " id="email1" name="email" placeholder="Email"> </input>
对我来说看起来像是一个错误,但作为一个简单的修复,停止传播onkeydown
event:
DEMO http://jsfiddle.net/WKU6M/4/
$('#email').on('keydown',function(e){
e.stopPropagation();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)