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

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

Barbara Streisand

풀어 주다： 2024-10-27 06:45:03

원래의

870명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!