twitter-bootstrap => 부트 스트랩 드롭 다운

매개 변수

행동 양식	예
Javascript를 통해 전화	`$('.dropdown-toggle').dropdown();`
드롭 다운 토글	`$('.dropdown-toggle').dropdown('toggle')`
이벤트 유형	기술
show.bs.dropdown	이 이벤트는 show instance 메서드가 호출 될 때 즉시 발생합니다.
표시된 .bs.dropdown	이 이벤트는 드롭 다운이 사용자에게 표시 될 때 시작됩니다 (CSS 전환이 완료 될 때까지 기다릴 것임).
hide.bs.dropdown	이 이벤트는 hide 인스턴스 메서드가 호출되면 즉시 시작됩니다.
hidden.bs.dropdown	이 이벤트는 드롭 다운이 사용자로부터 숨겨지면 시작됩니다 (CSS 전환이 완료 될 때까지 기다림).
이벤트 처리기 예제	`$(element).on('show.bs.dropdown', function () { // do something… })`

비고

Javascript $('.dropdown-toggle').dropdown() 통해 Dropdown을 호출하면 data-api 즉 data-toggle="dropdown" 여전히 필요합니다. 더 읽기

사용하는 방법

드롭 다운 메뉴의 부모 요소에 .dropdown 클래스를 사용하십시오.

.dropdown-menu 클래스를 요소에 추가하여 드롭 다운 메뉴 플러그인을 초기화합니다.

단추 또는 하이퍼 링크의 class .dropdown-toggle 및 data-toggle="dropdown" 특성을 사용하여 플러그인을 호출하십시오.

기본 예제

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">Option One</a></li>
    <li><a href="#">Option two</a></li>
    <li><a href="#">More Options</a></li>
  </ul>
</div>

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow

twitter-bootstrap
부트 스트랩 드롭 다운

수색…

매개 변수

비고

사용하는 방법

기본 예제