프로그래밍/java script

BootStrap Modal-element를 한 번만 생성하여 재활용하기

kingroad 2019. 11. 12. 09:56

Bootstrap에서 제공하는 Modal을 생성하여 사용시 Modal 창을 열고 Close나 Open 했을 시에 element가 계속 생성되는

문제가 존재 했다. 그래서 기존 Modal을 show와 hide로 컨트롤하기로 결정했다.

BIsCreatedLoadModal은 기존에 생성되어 있는 loadModal이 존재하는지를 확인하는 존재확인용 변수이다.

loadModal이 기존에 생성되어 있는지 여부를 if문에서 필터링한다. 그 후 생성되어 있다면 부트스트랩에서 제공하는 메서드인 $(loadModal).modal()을 사용하여 생성되어있는 Modal을 오픈한다. 만약 그렇지 않다면 새로 모달을 생성하는

간단한 루틴의 Modal 호출 방식이다.