보시다시피 드롭다운을 열고 다른 곳을 클릭할 때마다 드롭다운이 닫힙니다.
아래에 제공된 코드를 사용하면 클릭 후에도 드롭다운 메뉴가 열려 있을 수 있습니다. −
$('#myDropdown').on('hide.bs.dropdown', function () {
return false;
});또 다른 옵션은 클릭 이벤트를 처리하는 것입니다.
클릭 이벤트는 다음 코드를 사용하여 처리할 수도 있습니다. event.stopPropagation() 메서드는 상위 요소에 대한 이벤트 버블링을 중지합니다. 상위 이벤트 핸들러가 실행되는 것을 방지합니다 -
$('#myDropdown .dropdown-menu').on({
"click":function(e) {
e.stopPropagation();
}
});위 내용은 HTML에서 클릭 시 Bootstrap 드롭다운 메뉴 닫기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
