티스토리 뷰

ALL

modal 열기, 닫기, 닫기 이벤트처리 및 해제

whoAmI_ 2022. 12. 13. 16:23

 

 

열기(open) : $('#modalID').modal('show')

닫기(close) : $('#modalID').modal('hide')

modal 종료 시, 이벤트 처리

$('#modalID').on('hidden.bs.modal', function (e) {
     // function
})

modal 종료 시, 이벤트 처리 해제

$('#modalID').off()

modal 오픈 시, 이벤트 처리

$('#modalID').on('shown.bs.modal', function (e) {
     // function;
})

 

 

https://myhappyman.tistory.com/179

 

Alert, Confirm을 모달 팝업으로 만들기

웹 페이지를 제작하면서 아주 편리하게 사용하는 alert, confirm창을 차별점을 두기 위해 디자인하고 팝업 형태로 제작의뢰가 들어오는 경우가 종종 있습니다. 사실 alert경우에는 동작하면 모든 java

myhappyman.tistory.com

 

https://iruplace.tistory.com/235

 

[script] modal 열기, 닫기, 닫기 이벤트처리 및 해제

열기(open) : $('#modalID').modal('show') 닫기(close) : $('#modalID').modal('hide') modal 종료 시, 이벤트 처리 $('#modalID').on('hidden.bs.modal', function (e) { // function }) modal 종료 시, 이벤트 처리 해제 $('#modalID').off() modal

iruplace.tistory.com

https://developyo.tistory.com/72

 

공통 팝업 확장 및 구현하기 : Customized PopUp (alert, confirm, loading)

팝업 확장 및 구현하기 : Customized PopUp (alert, confirm, loading) 자바스크립트 내장 함수인 alert, confirm 대화상자를 사용하여 유저에게 알림팝업을 띄우거나, 동의를 구하는 팝업을 띄울 수 있다. 하지

developyo.tistory.com

 

'ALL' 카테고리의 다른 글

API 란?  (0) 2023.01.02
2022 회고록  (0) 2023.01.01
[React] useState 간단예제 카운터  (0) 2022.12.29
LOB  (0) 2022.11.29
선언형 코드/ 명령형 코드  (0) 2022.09.11