축소된 Bootstrap 3 Navbar 외부를 클릭하여 닫을 수 있습니까?

Bootstrap 3에서 외부 클릭 시 접힌 Navbar 닫기

질문:

열 수 있습니까? , Bootstrap 3의 축소된 navbar는 navbar 영역 외부를 클릭하면 닫히나요? 현재 navbar 토글 버튼을 선택해야만 navbar를 열거나 닫을 수 있습니다.

응답:

예, 외부 클릭 시 navbar를 닫는 것이 가능합니다. 다음 코드를 고려하십시오.

$(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" 클래스가 있으면 열려 있고 접혀 있음을 나타냅니다.
• navbar가 열려 있고 클릭 대상이 navbar-toggle 버튼이 아닌 경우 클릭 이벤트가 트리거됩니다. 탐색바 토글 버튼을 누르면 탐색바가 효과적으로 닫힙니다.

위 내용은 축소된 Bootstrap 3 Navbar 외부를 클릭하여 닫을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!