이 글은 Bootstrap3 드롭다운 메뉴의 이벤트를 이해하는 데 도움이 됩니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
Bootstrap은 드롭다운 메뉴 플러그인에 대해 4가지 이벤트를 제공하여 이러한 이벤트를 청취함으로써 특정 작업 단계에서 사용자 동작에 응답할 수 있습니다. 이러한 이벤트와 그 의미는 표 4-3에 나와 있습니다.
| Event | meaning |
|---|---|
| show.bs.dropdown | show 메소드 호출 후 이벤트가 즉시 트리거됩니다 |
| shown.bs .dropdown | 이 이벤트는 드롭다운 메뉴가 사용자에게 표시될 때(그리고 전환 효과가 완료될 때) 트리거됩니다. |
| hide.bs.dropdown | hide 메소드가 호출되고 이 이벤트가 발생합니다. 드롭다운 직후에 트리거됩니다 |
| 이 이벤트는 드롭다운 메뉴가 숨겨지고 전환 효과가 실행되었을 때 트리거됩니다. |
부트스트랩 튜토리얼 "
개발자가 드롭다운 메뉴의 기능을 사용자 정의하려는 경우 JavaScript를 통해 이러한 이벤트를 수신하여 해당 작업을 수행할 수 있습니다. 예:
<script>
$('#myDropdown').on('show.bs.dropdown', function () {
alert("开始显示下拉菜单。");
});
$('#myDropdown').on('shown.bs.dropdown', function () {
alert("下拉菜单已经显示。");
});
$('#myDropdown').on('hide.bs.dropdown', function () {
alert("开始隐藏下拉菜单。");
});
$('#myDropdown').on('hidden.bs.dropdown', function () {
alert("下拉菜单已经隐藏。");
});
</script>프로그래밍 비디오를 방문하세요! !
위 내용은 Bootstrap3의 드롭다운 메뉴 이벤트에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
