折りたたまれた Bootstrap 3 ナビゲーションバーの外側をクリックしてナビゲーションバーを閉じることはできますか?

ブートストラップ 3 の外部クリックで折りたたまれたナビゲーションバーを閉じる

質問:

開くことはできますか? 、Bootstrap 3 で折りたたまれたナビゲーションバーは、ナビゲーションバーの外側をクリックして閉じることができます。 エリア？現在、ナビゲーションバーは、ナビゲーションバートグルボタンを選択することによってのみ開閉できます。

応答:

はい、外部クリックでナビゲーションバーを閉じることは可能です。次のコードを考えてみましょう:

$(document).ready(function () {
    $(document).click(function (event) {
        var clickover = $(event.target);
        var _opened = $(".navbar-collapse").hasClass("navbar-collapse in");
        if (_opened === true && !clickover.hasClass("navbar-toggle")) {
            $("button.navbar-toggle").click();
        }
    });
});

説明:

元の回答のこの修正バージョンでは、次の機能が導入されています:

• チェックnavbar-collapse 要素に「in」クラスがあり、開いていて折りたたまれていることを示す場合。
• Ifナビゲーションバーが開いており、クリックのターゲットがナビゲーションバートグルボタンではない場合、ナビゲーションバートグルボタンのクリックイベントがトリガーされ、事実上ナビゲーションバーが閉じられます。

以上が折りたたまれた Bootstrap 3 ナビゲーションバーの外側をクリックしてナビゲーションバーを閉じることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。