Front/JS & jQuery

[jqeury][bootstrap] modal event

오선지♬ 2022. 8. 29. 18:37
728x90
반응형

위 소스에서 버튼의 id에 모달 open의 이벤트를 걸었고 취소에는 모달이 닫히는 이벤트를 걸었습니다.

보통은 여기까지만 사용해도 무난하긴 한데 모달 동작에 이벤트를 걸어서 사용하고 싶을 때도 있습니다.

이벤트 타입 설명
show.bs.modal 모달이 열릴 때 바로 실행되는 이벤트입니다.
shown.bs.modal 모달의 열림이 끝나고 실행되는 이벤트입니다.
hide.bs.modal 모달이 닫힐 때 바로 실행되는 이벤트입니다.
hidden.bs.modal 모달의 닫힘이 끝나고 실행되는 이벤트입니다.

출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]

 

https://getbootstrap.com/docs/4.4/components/modal/

 

728x90
반응형

'Front > JS & jQuery' 카테고리의 다른 글

[jQuery] .extend()  (0) 2022.09.01
[jQuery] empty()와 remove() 차이  (0) 2022.08.30
[jQuery] Promise result에 접근하기  (0) 2022.08.24
[jQuery] 클릭한 요소의 tr 가져오기  (0) 2022.08.23
[jQuery] event.currentTarget  (0) 2022.08.22