16

Twitter ブートストラップ (2.3.2) の最新バージョンでは、モバイル デバイスのドロップダウン メニューに問題があるようです。

メニューを開いた後にドロップダウン メニュー項目をクリックすると、メニューが閉じてしまい、リンクがクリックされません。これは、こちらのサンプル ページで確認できます: http://twitter.github.io/bootstrap/examples/hero.html

github ページに投稿された問題を見つけましたが、解決策はありません: https://github.com/twitter/bootstrap/issues/7927

誰かがそれを修正するためのトリックを知っていますか?

4

7 に答える 7

39

一時的な修正は追加することです

.dropdown-backdrop{
    position: static;
}

cssファイルに.

于 2013-07-13T17:32:26.140 に答える
4

私にとっては、私のスタイルに追加することでうまくいきました：

.dropdown-backdrop {
    z-index:0;
}

マティアスとほぼ同じ答えです。役に立てば幸いです。

于 2014-10-15T07:19:56.920 に答える
0

この問題を修正しました。

私のコードはここにあります

   <li class="dropdown custom open"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> menu<b class="caret"></b></a>
             <ul class="dropdown-menu">
                 <li><a href="#">Sub menu</a></li>
                 <li><a href="#">Sub menu2</a></li>
              </ul>
           </li>

CSS ファイルに次のスタイルを追加します。

@media (max-width: 767px) { 
.dropdown.custom:hover .dropdown-menu {
  visibility: visible;
  display:block;
  border-radius:0;

}
}

訪問: http://www.s4auto.co.za/

于 2014-01-01T06:14:47.890 に答える
0

通常の回答のいずれも、Android での問題を解決していないようです。ここで受け入れられた回答と、いくつかの JavaScript ハックも試してみました: Bootstrap Collapsed Menu Links Not Working on Mobile Devices および http://alittlecode.com/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/

clearMenus()最終的に、リンクの親または祖父母にdropdown-submenuクラスがない場合にのみ、クローズが発生し、条件付きで呼び出される場所を発見しました

$(document)
.on('click.dropdown.data-api', function (e) {

    //fix start        
    var $parent = $(e.target).parent()
    var $grandparent = $parent.parent()

    if (!$parent.hasClass('dropdown-submenu') && !$grandparent.hasClass('dropdown-submenu')) {        
        clearMenus()
    }

    //clearMenus

    //end fix
})
.on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('click.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

}(window.jQuery);

それが役立つことを願っています!

于 2016-10-07T15:54:11.580 に答える