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


발생하는 문제 및 실행환경

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

  • 2016년 02월 03일에 작성됨

조회수 631


1 답변


좋아요
5
싫어요
채택취소하기

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>
  • 2016년 06월 01일에 수정됨
  • 2016년 02월 03일에 작성됨

  • 많은 도움이 됐습니다 !!     한인규   2016.2.3 12:02     

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close