반응형
부트스트랩에서 제공하는 모달을 닫기 위한 방법을 알아보자.
먼저 부트스트랩3 또는 부트스트랩4 에서는 다음과 같은 이벤트를 제공한다.
hide.bs.modal :이 이벤트는 hide 인스턴스 메서드가 호출 될 때 즉시 시작됩니다.
hidden.bs.modal :이 이벤트는 모달이 사용자로부터 숨겨지면 시작됩니다 (CSS 전환이 완료 될 때까지 대기합니다).
이 메소드를 jQuery에서 사용하는 예시는 다음과 같다.
$('#anyModal').on('hidden.bs.modal', function () {
// something
})
이런식으로 사용하면 된다.
부트스트랩의 예전 버전인 2.3.2 같은 경우에는 다음과 같은 이벤트를 제공한다.
hide :이 이벤트는 hide 인스턴스 메서드가 호출 될 때 즉시 시작됩니다.
hidden :이 이벤트는 모달이 사용자로부터 숨겨지면 시작됩니다 (CSS 전환이 완료 될 때까지 기다림).
$('#anyModal').on('hidden', function () {
// something
})
이상 modal이 닫힐 때 발생하는 이벤트에 대해 알아 보았다.
반응형
'jQuery' 카테고리의 다른 글
[jQuery ajax 정리] (0) | 2019.07.26 |
---|