Bootstrap3의 드롭다운 메뉴 이벤트에 대한 간략한 토론-부트스트랩 튜토리얼-php.cn

Bootstrap3의 드롭다운 메뉴 이벤트에 대한 간략한 토론

青灯夜游

풀어 주다： 2021-03-25 10:55:37

앞으로

2169명이 탐색했습니다.

이 글은 Bootstrap3 드롭다운 메뉴의 이벤트를 이해하는 데 도움이 됩니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Bootstrap3의 드롭다운 메뉴 이벤트에 대한 간략한 토론

드롭다운 메뉴 이벤트

Bootstrap은 드롭다운 메뉴 플러그인에 대해 4가지 이벤트를 제공하여 이러한 이벤트를 청취함으로써 특정 작업 단계에서 사용자 동작에 응답할 수 있습니다. 이러한 이벤트와 그 의미는 표 4-3에 나와 있습니다.

hidden.bs .dropdown이 이벤트는 드롭다운 메뉴가 숨겨지고 전환 효과가 실행되었을 때 트리거됩니다.

표 4-3 드롭다운 플러그인 이벤트 및 의미
Event	meaning
show.bs.dropdown	show 메소드 호출 후 이벤트가 즉시 트리거됩니다
shown.bs .dropdown	이 이벤트는 드롭다운 메뉴가 사용자에게 표시될 때(그리고 전환 효과가 완료될 때) 트리거됩니다.
hide.bs.dropdown	hide 메소드가 호출되고 이 이벤트가 발생합니다. 드롭다운 직후에 트리거됩니다

관련 권장 사항: "

부트스트랩 튜토리얼 "

개발자가 드롭다운 메뉴의 기능을 사용자 정의하려는 경우 JavaScript를 통해 이러한 이벤트를 수신하여 해당 작업을 수행할 수 있습니다. 예:

<script>
  $(&#39;#myDropdown&#39;).on(&#39;show.bs.dropdown&#39;, function () {
   alert("开始显示下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;shown.bs.dropdown&#39;, function () {
     alert("下拉菜单已经显示。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hide.bs.dropdown&#39;, function () {
     alert("开始隐藏下拉菜单。");
  });
  $(&#39;#myDropdown&#39;).on(&#39;hidden.bs.dropdown&#39;, function () {
     alert("下拉菜单已经隐藏。");
  });
</script>

로그인 후 복사

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 비디오를 방문하세요! !

위 내용은 Bootstrap3의 드롭다운 메뉴 이벤트에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!