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

조회수 11497회

발생하는 문제 및 실행환경

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

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.2.3 12:02

답변을 하려면 로그인이 필요합니다.

Hashcode는 개발자들을 위한 무료 QnA 사이트입니다. 계정을 생성하셔야만 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 계정을 생성하셔야만 글을 작성하실 수 있습니다.