Twitter bootstrap 2顶部导航下拉与从不在移动工作

我在这里发布之前搜索了很多关于这个问题，没有找到任何解决方案。Twitter bootstrap 2顶部导航下拉与从不在移动工作

我使用Twitter的引导2.3.2，并包含在下拉菜单的形式。一切工作正常在桌面浏览器。在移动浏览器中，当我点击导航栏中的登录链接时，会打开登录表单，但是当我点击从中的任何字段或按钮时，它将关闭，用户在关闭时无法输入任何信息。

下面是导航菜单

<li class="dropdown" id="menuLogin"> <a class="dropdown-toggle btn" href="login" data-toggle="dropdown" id="navLogin"><i class="icon-lock"></i> Login</a> 
    <div class="dropdown-menu span3" style="background:#0C0;"> 
     <form method="post" action="<?php echo base_url().'login';?>" id="login"> 
      <div class="control-group"> 
       <input type="text" name="login_email" id="login_email" value="" placeholder="Email" class="span3" /> <?php echo form_error('login_email')?> 
      </div> 
      <div class="control-group"> 
       <input type="password" name="login_password" id="login_password" value="" placeholder="password" class="span3"/> <?php echo form_error('login_password')?> 
      </div> 
      <div class="control-group"> 
       <div class="text-left" style="padding-left:8px;"> 
        <input type="submit" class="btn" name="login" value="Login" style="background-color: #3498DB;" /> 
        <a href="<?php echo base_url().'forgot_password';?>">Forgot Password?</a> 
       </div> 
      </div> 
     </form> 
    </div> 
</li>

我想下面的代码，但没有运气

<script> 
    $('.dropdown-menu input, .dropdown-menu button').on('click', function(e) { 
     e.stopPropagation(); 
    }); 
</script>

感谢

来源

2014-02-14 Praveen Govind

其浏览器和最新的版本???正在为我工作在firefox –

@AamirShahzad Chrome on Mobile。它在桌面上的Firefox和Chrome上工作正常。移动Chrome版本是32.0.1700.99 –

你可以尝试使用event.stopImmediatePropagation http://api.jquery.com/event.stopImmediatePropagation/？或event.preventDefault（）？ – Ravimallya

我想通了这个问题，并修复了这个问题我的代码的一部分。

问题是我已经使用div而不是ul下拉。当你点击ul以外时它会关闭。

我刚刚更换这个

<div class="dropdown-menu span3" style="background:#0C0;">

符合UL>李

<ul class="dropdown-menu span3" style="background:#0C0;"> 
    <li> 
    <form.... 
    </li> 
</ul>

来源

2014-02-18 06:42:33

Twitter bootstrap 2顶部导航下拉与从不在移动工作

回答

相关问题