>  기사  >  웹 프론트엔드  >  다음은 콘텐츠의 핵심 사항과 질문 형식을 통합하여 기사 제목에 대한 몇 가지 옵션입니다. **옵션 1(직접 및 명확):** * **부트스트랩 드롭다운 메뉴 폐쇄를 방지하는 방법

다음은 콘텐츠의 핵심 사항과 질문 형식을 통합하여 기사 제목에 대한 몇 가지 옵션입니다. **옵션 1(직접 및 명확):** * **부트스트랩 드롭다운 메뉴 폐쇄를 방지하는 방법

Barbara Streisand
Barbara Streisand원래의
2024-10-27 06:45:03766검색

Here are a few options for your article title, incorporating the key points of the content and the question format:

**Option 1 (Direct and Clear):**
* **How to Prevent Bootstrap Dropdown Menu Closure on Internal Clicks**

**Option 2 (Focus on Problem/Sol

내부 클릭 시 Bootstrap 드롭다운 메뉴 폐쇄 중지

Twitter Bootstrap의 드롭다운 메뉴는 일반적으로 메뉴 자체 내의 클릭을 포함하여 모든 클릭 시 닫힙니다. 이 문제를 해결하기 위해 이벤트 전파가 중지된 상태에서 클릭 이벤트 리스너를 메뉴 요소에 연결할 수 있습니다.

$('ul.dropdown-menu.mega-dropdown-menu').on('click', function(event){
    event.stopPropagation();
});

그러나 캐러셀 컨트롤 및 표시기에 대한 위임된 이벤트 핸들러는 이 솔루션으로 인해 효과가 없게 됩니다.

대신에 대체 접근 방식은 전체 문서에서 클릭 이벤트를 수신하지만 이벤트 범위를 원하는 컨테이너로 제한하는 것입니다. 이렇게 하면 드롭다운 메뉴 내부 클릭이 문서 수준으로 전파되지 않아 위임된 이벤트가 실행되는 것을 방지할 수 있습니다.

$(document).on('click', '.someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});

이는 위임된 이벤트 핸들러의 기능을 손상시키지 않으면서 원치 않는 드롭다운 종료를 효과적으로 억제합니다.

위 내용은 다음은 콘텐츠의 핵심 사항과 질문 형식을 통합하여 기사 제목에 대한 몇 가지 옵션입니다. **옵션 1(직접 및 명확):** * **부트스트랩 드롭다운 메뉴 폐쇄를 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.