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には一時的な修正を含む 2つの一般的な問題（ ＃2975と＃4550 ）があります。

このjQueryの修正はほとんどの人に有効であるようで、ブートストラップソースを変更しません。

$('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 に答える