我可以透過點擊外部來關閉折疊的 Bootstrap 3 導覽列嗎？

在Bootstrap 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”類，表明它是打開的並且
• 如果導航列打開並且單擊的目標不是導航欄切換按鈕，則會觸發導航列切換按鈕上的單擊事件，從而有效地關閉導覽列。

以上是我可以透過點擊外部來關閉折疊的 Bootstrap 3 導覽列嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！