Knowledge

[Knowledge] Modal사용시 외부 클릭했을때 Modal 닫힘 방지

Jeong Jeon
반응형

모달을 쓰다보면 모달 밖 클릭을 방지하고 싶을때가 있다.

간단하게 두가지 방법중 자신에게 맞는 방법으로 적용시키면 된다.

 

Modal에서 제공하는 backdrop이라는 속성값으로 설정 가능하다.

 

 

 

(1) JS를 통해서 모달을 생성했을 경우

$('#newModal').modal({backdrop: 'static', keyboard: false}) ;

(2) 데이터 어트리뷰트(data attributes)를 통해서 만들경우

<button data-target="#modalOpen" data-toggle="modal" data-backdrop="static" data-keyboard="false">
ModalOpen
 </button>

 

반응형