bootstrap modal 에서 영역 밖을 선택했을 때 modal 이 닫히는걸 방지 하도록 하려면 어떻게 해야하나요??

Question

0

싫어요

modal popup이 나타날때 닫기 버튼과 하단에 "넘어가기" 버튼만 눌렀을때 닫히도록 구현을 하고싶어서 영역 외에 범위를 클릭을 했을 때 닫히는걸 막고 싶은데 어떻게 해야하나요?? 도와주세요!

score 5 · Accepted Answer

Bootstrap 모달을 쓰시면, "backdrop" 옵션이라는 것이 있습니다. backdrop옵션에 "static" 값을 같이 넘겨주면, 모달이 닫히는 것을 막아 주게 됩니다.

** keyboard의 esc값 눌렀을 경우도 막으셔야 한다면 keyboard: false옵션을 주면 동시에 적용 됩니다.

(1)만약 js를 통해서 모달을 생성했을 경우.

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

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

 <button data-target="#newModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
새로운 모달
 </button>