반응형

 

부트스트랩에서 제공하는 모달을 닫기 위한 방법을 알아보자.

 

먼저 부트스트랩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

+ Recent posts