13

在我们网站的菜单上，我们有一个用于用户帐户选项的按钮下拉菜单，该选项会根据用户名和登录状态动态变化。它在浏览器中运行良好，但是，在 Android 平板电脑（使用 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>

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

4

3 回答 3

12

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

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

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });
于 2012-10-03T01:17:41.313 回答
2

要修复子菜单：

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); })
         .on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.stopPropagation(); });
于 2013-03-27T12:57:33.180 回答
0

这已在 v2.2 及更高版本中得到确认。

于 2013-04-25T03:05:10.497 回答