내부 클릭 시 부트스트랩 드롭다운이 닫히는 것을 방지하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-10-31 19:22:30
원래의
644명이 탐색했습니다.

How to Prevent Bootstrap Dropdowns from Closing on Click Inside?

내부 클릭 시 드롭다운 메뉴 닫기 방지

Bootstrap 드롭다운에서 메뉴 항목은 기본적으로 클릭 시 닫힙니다. 드롭다운 내에 포함된 항목도 마찬가지입니다. 그 자체. event.stopPropagation()을 사용하여 드롭다운 메뉴에 클릭 이벤트 핸들러를 연결하면 이 문제가 해결되지만 캐러셀 컨트롤에 대한 위임 이벤트에 문제가 발생할 수 있습니다.

해결책:

이 딜레마를 처리하려면 보다 정확한 이벤트 위임 접근 방식이 필요합니다.

<code class="js">$(document).on('click', 'dropdown .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>
로그인 후 복사

이는 클릭 이벤트를 원하는 컨테이너에 위임하여 컨테이너 내의 클릭이 드롭다운 닫기를 트리거하지 않도록 합니다.

위 내용은 내부 클릭 시 부트스트랩 드롭다운이 닫히는 것을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!