>  기사  >  웹 프론트엔드  >  HTML에서 클릭 시 Bootstrap 드롭다운 메뉴 닫기

HTML에서 클릭 시 Bootstrap 드롭다운 메뉴 닫기

WBOY
WBOY앞으로
2023-09-02 12:01:03617검색

HTML에서 클릭 시 Bootstrap 드롭다운 메뉴 닫기

보시다시피 드롭다운을 열고 다른 곳을 클릭할 때마다 드롭다운이 닫힙니다.

아래에 제공된 코드를 사용하면 클릭 후에도 드롭다운 메뉴가 열려 있을 수 있습니다. −

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

또 다른 옵션은 클릭 이벤트를 처리하는 것입니다. ​​

클릭 이벤트는 다음 코드를 사용하여 처리할 수도 있습니다. event.stopPropagation() 메서드는 상위 요소에 대한 이벤트 버블링을 중지합니다. 상위 이벤트 핸들러가 실행되는 것을 방지합니다 -

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});

위 내용은 HTML에서 클릭 시 Bootstrap 드롭다운 메뉴 닫기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제