javascript - Twitter Bootstrap 下拉菜单在平板电脑上无法点击

Question

在我们网站的菜单上，我们有一个用于用户帐户选项的按钮下拉列表，该选项会根据用户名和登录状态动态变化。它在浏览器中运行良好，但是，在 Android 平板电脑(使用 Firefox)上我们似乎无法单击下拉列表中的任何链接，尽管链接确实会出现，但只要您单击它们，下拉列表就会消失并且没有任何反应。

我使用的是最新版本的 Bootstrap(2.1.1)，带有 dropdown plugin .它可以在台式机上运行，​​也可以在平板电脑上点击，点击时链接只会关闭弹出窗口。

代码如下:

     <div class="btn-group pull-right">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-user"></i> <?php echo $_SESSION['username']; ?>
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="/Profile">Profile</a></li>
          <li class="divider"></li>
          <li><a href="#" onClick="logOut();">Sign Out</a></li>
        </ul>
      </div>

有谁知道可以让平板电脑点击链接的方法吗？

Answer 1

这是 Bootstrap 中的一个错误，有望在 2.1.2 中得到纠正 - 与此同时，GitHub 上有两个包含临时修复的热门问题(#2975 和 #4550)。

这个 jQuery 修复似乎适用于大多数人，并且不会修改 Bootstrap 源代码:

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });