boottstrap 에서 드 롭 다운 메뉴 를 클릭 하고 닫 지 않 는 문 제 를 해결 합 니 다.

1120 단어 bootstrap내리다메뉴
boottstrap 에서 자주 사용 하 는 드 롭 다운 메뉴 dropdown-menu 는 기본적으로 드 롭 다운 메뉴 의 어느 위 치 를 클릭 하면 드 롭 다운 메뉴 상 자 를 닫 습 니 다.이것 은 많은 사용자 의 요구 에 미 치지 못 합 니 다.클릭 할 곳 을 클릭 한 후에 드 롭 다운 상 자 를 닫 는 방법 을 어떻게 실현 합 니까?아래 는 드 롭 다운 상자 선별 조 회 를 하려 면 드 롭 다운 메뉴 전시 그림 은 다음 과 같 습 니 다.

해결 방법:
조작 할 요 소 를 지정 한 click 이벤트 의 전 파 를 중단 합 니 다.속성 값 data-stopPropagation 요 소 를 정의 할 때 전 파 를 중단 합 니 다.

 //                   
 $("body").on('click','[data-stopPropagation]',function (e) {
  e.stopPropagation();
 });
이후 닫 지 않 는 탭 을 클릭 하고 이 속성 데이터-stopPropagation="true"를 추가 하면 됩 니 다.

<div class="supplier_search_category dropdown-header" id="supplier_search_li" data-stopPropagation="true">
  ：<input type="text" id="category_search_text" class="search_text"/>
</div>
이 는 boottstrap 에서 드 롭 다운 메뉴 를 클릭 하고 닫 지 않 는 문 제 를 해결 하 는 것 이 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.많은 응원 부탁드립니다.
Bootstrap 의 dropdown-menu 를 취소 하고 기본 종료 이벤트 방법 을 누 르 십시오.
Python 직렬 데이터 읽 기,동적 그림 의 예제

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage