Bootstrap 3 の折りたたまれたメニューがリンクをクリックした後も開いたままになるのはなぜですか?

Bootstrap 3: 永続的に折りたたまれたメニューの問題を解決する

問題:

Bootstrap 3 ナビゲーションで、折りたたまれたメニューメニューリンクをクリックした後も開いたままになり、ユーザーの操作を妨げます

回答:

この問題を解決するには、次のコードを実装します:

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});

詳細:

• このソリューションは、イベント リスナーをドキュメントにバインドし、ドキュメント内でのクリックを監視します。展開されたナビゲーション メニュー (クラス: ".navbar-collapse.in").
• メニュー リンク ("a" 要素) をクリックすると、行 $(this).collapse('hide') ;ナビゲーション メニューの折りたたみをトリガーします。

更新 [2014-11-04]:

• サブメニューを含むナビゲーションについては、コードを次のように変更します。 :

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a:not(".dropdown-toggle")') ) {
        $(this).collapse('hide');
    }
});

• この変更により、ドロップダウン トグルではないメニュー リンクのみがメニューの折りたたみをトリガーします。

以上がBootstrap 3 の折りたたまれたメニューがリンクをクリックした後も開いたままになるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。