Html Twitter bootstrap 2顶部导航下拉列表,其中包含来自不在移动设备中工作的消息

Html Twitter bootstrap 2顶部导航下拉列表,其中包含来自不在移动设备中工作的消息,html,twitter-bootstrap,mobile,menu,twitter-bootstrap-2,Html,Twitter Bootstrap,Mobile,Menu,Twitter Bootstrap 2,在这里发布之前,我已经搜索了很多关于这个问题的信息,没有找到任何解决方案 链接至网站: 我正在使用Twitter bootstrap 2.3.2,并在下拉菜单中包含了一个表单。在桌面浏览器上一切正常。在移动浏览器上,当我单击导航中的登录链接时,会打开登录表单,但当我单击“发件人”中的任何字段或按钮时,它将关闭,用户无法在关闭时输入任何信息 这是我的导航菜单部分代码 <li class="dropdown" id="menuLogin"> <a class="dropdown-t

在这里发布之前,我已经搜索了很多关于这个问题的信息,没有找到任何解决方案

链接至网站:

我正在使用Twitter bootstrap 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>

  • 我解决了问题并解决了这个问题

    问题是我在下拉列表中使用了div而不是ul。当您单击ul以外的按钮时,它将关闭

    我刚换了这个

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

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

    • 哪个浏览器&版本是什么???他在为我工作firefox@AamirShahzad手机上的Chrome。它在firefox和桌面chrome中运行良好。移动Chrome版本是32.0.1700.99您可以尝试使用event.stopImmediatePropagation吗?或者event.preventDefault()?我刚刚在三星Galaxy S4上的移动Chrome V 32.0.1700.99上试用了它,效果很好。也许它可以被隔离到特定范围的移动设备?我在这一点上感受到了你的痛苦:(我曾经遇到过一个类似的问题:用户点击字段,表单显示并再次关闭。这是因为有一个元素在字段上悬停。也许你的屏幕大小可能与此类似?@Ravimallya是的,也尝试过,不,没有帮助(
       <ul class="dropdown-menu span3" style="background:#0C0;">
         <li>
          <form....
         </li>
      </ul>