2

私のサイトには次のナビゲーションがあります

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar pull-right" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="/"><span class="icon-chevron-up icon-medium"></span> Rocky Mountain Arts</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/Gallery" class="pjax">For Sale</a></li>
                            <li><a href="/Gallery/Sold" class="pjax">Sold</a></li>
                            <li><a href="/Gallery/PrivateCollection" class="pjax">Private Collection</a></li>
                        </ul>
                    </li>
                    <li><a href="/About" class="pjax">About The Artist</a></li>
                    <li><a href="/Contact" class="pjax">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

デスクトップでサイトを表示すると、すべてが期待どおりに表示され、すべてのリンクをナビゲートできます。

ただし、iPhone にサイトをロードし、toggle collapseボタンを押して展開するとdropdown、ドロップダウン メニュー内のサブ リンクをクリックできなくなり、メニューが閉じて、「about」または「contact」リンクがアクティブになります。代わりは。

どうすればこれを修正できますか?

4

2 に答える 2

1

@MiikaL さん、コメントありがとうございます。公式のソースコードで誰も実際に対処していないのは、Github に提出されたバグのようです。

https://github.com/twitter/bootstrap/issues/4550

これは、github コンポーネントのデモ ページ
http://twitter.github.com/bootstrap/components.html#buttonDropdownsで再現できます。

トレッドに役立つ情報を持っている人がいて、「ハック」ソリューションは次のようです

// Fixes sub-nav not working as expected on IOS
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });
于 2012-12-03T16:36:10.277 に答える
1

この問題は、バージョン 2.2.2 の最新の Twitter Bootstrap で最終的に修正されました。

ここで 2.2.2 の変更ログに関する短い要約を読むことができます: http://forwebonly.com/things-you-should-know-about-twitter-bootstrap-2-2-2/

于 2013-01-25T03:20:38.983 に答える