Twitter Bootstrap下拉列表在桌面上不可点击

Question

在我们网站的菜单上,我们有一个用户帐户选项的按钮下拉列表,可根据用户名和登录状态动态更改.它在浏览器中运行良好,但是,在Android平板电脑上(使用Firefox)我们似乎无法点击下拉列表中的任何链接,虽然链接DO出现,每当您点击它们时,下拉列表就会消失,没有任何反应.

我正在使用最新版本的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>

有没有人知道如何通过平板电脑点击链接？

Answer 1

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

这个jQuery修复似乎适用于大多数人,并不修改Bootstrap源:

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