Javascript 推特引导下拉列表在平板电脑上不可点击

在我们网站的菜单上，我们有一个按钮下拉列表，用于显示用户帐户选项，该选项根据用户名和登录状态动态更改。它在浏览器中工作得很好，但是在安卓平板电脑（使用Firefox）上，我们似乎无法单击下拉列表中的任何链接，尽管这些链接确实会出现，但只要单击它们，下拉列表就会消失，什么也不会发生

我使用的是最新版本的Bootstrap（2.1.1），带有。它可以在台式机上工作，并且可以被平板电脑点击，点击链接时会关闭弹出窗口

代码如下：

     <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>

---

有人知道如何让链接可以从平板电脑上点击吗？

这是Bootstrap中的一个错误，有望在2.1.2中得到纠正-同时，GitHub上有两个流行问题（&）包含临时修复

此jQuery修复程序似乎适用于大多数人，并且不会修改引导源：

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

要修复子菜单，请执行以下操作：

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

---

这在v2.2及更高版本中得到了确认和修复。

我遇到了完全相同的问题，你找到解决方案了吗？我还没有，我只是开始从网站上其他位置的下拉链接中创建单独的链接，所以这是一个解决方法，而不是解决方案。只是好奇，你认为这样的东西会在手机上不可点击（但不应该）的灯箱上工作吗？类似的东西可能会工作（此修复特定于引导上的下拉菜单），但很难说没有看到一些代码。你在使用什么插件？我们自己开发了-无论如何，我不会劫持这个线程，如果我弄不明白，我会发布我自己的问题。升级到>=v2.2…这是固定的。