アイテムクリックでブートストラップドロップダウンが閉じない

daveywc

以下のHTMLのように、nav ul要素内にBootstrap(バージョン2.3.2)ドロップダウンがあります。IEのドロップダウンで項目をクリックすると、ドロップダウンリストが閉じます(これは正しい動作のようです)。これは確かに私が望んでいることです。Firefox、Chrome、Safariでは、ドロップダウンリストは閉じません。

<nav class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <a class="brand" href="/">
            <span class="title">Doc Assembler</span>
        </a>

        <div class="loader pull-left" data-bind="css: { active: showLoader }">
            <i class ="icon-spinner icon-2x icon-spin" ></i>
        </div>

        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>

        <div class="nav-collapse collapse">
            <ul class="nav" data-bind="foreach: navRoutes">
                <li><a data-bind="css: { active: isActive() }, attr: { href: hash }, text: name"></a></li>
            </ul>

            <ul class="nav">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="icon-cogs"/> Admin<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu pull-right">
                        <!-- ko foreach: adminRoutes -->
                        <li><a data-bind="attr: { href: hash }, html: caption"></a>
                        <!-- /ko -->
                    </ul>
                </li>
                <li><a data-bind="click: logOff" href="#"><i class="icon-signout"/> Log Off</a></li>
            </ul>
        </div>
    </div>
</nav>

ブートストラップのclearMenusメソッドがIEで呼び出されていることがわかりますが、アイテムがクリックされたときに他のブラウザーでは呼び出されていません。clearMenusは、メニューが開かれたときにすべてのブラウザで呼び出されます。私はそれがブートストラップからの次のコードと関係があるかもしれないと思います:

$(document)
    .on('click.dropdown.data-api', clearMenus)
    .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)

以前のバージョンのブートストラップではこれにいくつかの問題があったことは知っていますが、現在のバージョンでは同様の問題の詳細を見つけることができませんでした。

daveywc

Durandalでルータープラグインを使用しています。router.jsのcompleteNavigationメソッドに次のコード行を追加することでこれを修正しました。

$('li[class="dropdown open"]').removeClass('open');

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

ブートストラップ3.3.7、同じナビゲーションバードロップダウンアイテムを1回クリックしてもナビゲーションバードロップダウンが閉じない

クリックするとブートストラップドロップダウンが閉じる

Typescript、ボタンがクリックされたときにブートストラップドロップダウンが閉じないようにする

ボタンアイテムを使用してドロップダウンをブートストラップし、ボタンをクリックするとプログラムで閉じます

クリック時にブートストラップドロップダウンが閉じないようにする

AngularJsng-クリックがブートストラップドロップダウンで機能しない

ブートストラップドロップダウンでのリンクが機能しない

ASP.Netボタンクリックのポストバック時にモーダルポップアップ(ブートストラップ)ウィンドウが閉じないようにする

選択ボックスをクリックすると、ブートストラップドロップダウンが閉じます

スリックスライダーがブートストラップドロップダウンで機能しない

ブートストラップドロップダウンクリックが機能しない

ブートストラップアクションのドロップダウンがテーブルレスポンシブ内で機能しない

ドロップダウンメニューのサブメニューを含むリストアイテムをクリックすると、残りは閉じますが、新しいものは展開されません

ボタンクリックでブートストラップドロップダウンメニューを閉じる方法は?

ダイナミックHTMLロードでブートストラップマテリアルデザインが正しく機能しない

クリックアウェイで閉じるためのReactNotificationsドロップダウンラッパー

クリックするとブートストラップ3のドロップダウンが閉じます

内部に複数のリンクがあるブートストラップドロップダウンアイテム

「ubuntuソフトウェアセンター」デスクトッププログラムでの「閉じる」と「リロード」の違いは何ですか?

同じリンクをクリックしてブートストラップドロップダウンを閉じる

ドロワーレイアウトがバックプレスで閉じない(support-v4 libに依存)

リンクをクリックした後、ドロップダウン メニューを閉じる (ブートストラップ)

LinuxでSSHクライアントを閉じた後にバックグラウンドプロセスが停止しないようにする方法

ドロップダウンでGoスクリプトを実行すると、.batファイルが閉じないようにする

常にアクティブなブートストラップドロップダウンメニュー

Twitterブートストラップ-ナビゲーションバーのドロップダウンアイテムが機能しない

同じアイテムが数回あるドロップダウンリスト

マテリアライズ:「if」ステートメントのドロップダウンが機能しない

ドロップダウンリストアイテム内のチェックボックスをクリックしているときにドロップダウンメニューが非表示にならないようにするにはどうすればよいですか?

TOP 一覧

  1. 1

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  2. 2

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  3. 3

    Ansibleで複数行のシェルスクリプトを実行する方法

  4. 4

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  5. 5

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  6. 6

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  7. 7

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  8. 8

    Chromeウェブアプリのウェブビューの高さの問題

  9. 9

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  10. 10

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  11. 11

    Reactでclsxを使用する方法

  12. 12

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  13. 13

    MLでのデータ前処理の背後にある直感

  14. 14

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  15. 15

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  16. 16

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  17. 17

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  18. 18

    テキストフィールドの値に基づいて UIslider を移動します

  19. 19

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  20. 20

    PowerShellの分割ファイルへのヘッダーの追加

  21. 21

    ソートされた検索、ターゲット値未満の数をカウント

ホットタグ

アーカイブ