2012-11-10 4 views
36

트위터의 부트 스트랩 모달을 사용하고 있습니다.부트 스트랩 모달은 사용자가 아무 곳이나 클릭하면 해제됩니다.이 문제를 방지하려면 어떻게해야합니까?

모달은 사용자가 모달을 제외한 화면상의 다른 곳을 클릭 할 때마다 해제됩니다.

내가 이것을 막을 수있는 방법이 있습니까? 사용자가 모달을 닫으려면 닫기 버튼을 클릭해야합니까? 대부분의 경우

{ 
    keyboard: false, 
    backdrop: 'static' 
} 
+1

검사에게 문서 : http://twitter.github.com/bootstrap/javascript.html#modals –

답변

50

최저 : data-backdrop = "static"은 class = "modal fade"인 div에 있습니다.

예 : 경우

<div class="modal fade" id="myModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
+0

이 매력처럼 작동합니다. 고맙습니다 – jackhao

+0

@jackhao 환영합니다 – rahul

+0

감사합니다 ... 너무 많이 .......... –

37

, 모달 대화 상자가 오히려이 시나리오에서, 마크 업을 사용하고, 자바 스크립트를 사용하지 구성되어, 단지 속성을 추가 :이 옵션을 전달할 수

+8

이스케이프 키를 사용하여 닫기를 비활성화하려면'data-keyboard = "false"'를 잊지 마십시오. –

+0

매우 유용합니다. 감사합니다. –

4

이 다른 해결책이 유용 할 수있다. "옵션"에서

$('#modalElement').on('hide.bs.modal', function() { 
    return false; 
}); 
관련 문제