트위터 부트 스트랩 - 이미 열린 모달에 대한 모달을 엽니 다.

내 시나리오는 다음과 같습니다. 일부 레코드 세부 정보가있는 모달 창을 열고 "삭제"버튼이 있습니다. 사용자가이 버튼을 클릭하면 "확인 하시겠습니까?"라는 질문에 "확인 하시겠습니까?"라고 물으면서 "확인 하시겠습니까?"라고 물어 본다.) 그러나이 확인 모달이 표시되면 "세부 사항"이 먼저 차단되지 않습니다. 모달 (뒤에).트위터 부트 스트랩 - 이미 열린 모달에 대한 모달을 엽니 다.

어떻게 할 수 있습니까?

감사합니다. 그것은 그것을 아주 쉽게 http://jsfiddle.net/baptme/nuUzN/14/

출처

2012-04-23 Rodrigo Pires

일명 높은 숫자를 시도 작동하지만하지 않는 경우 모달이 확장 https://github.com/jschr/bootstrap-modal –

동작하는 예제가 http://bootply.com/lvKQA2AM28 – CrandellWS

에서 찾을 수 있습니다 내가 여기에이 같은 문제를 대답 : 클래스는 갈 수있는 방법이 될 수 있습니다 http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 –

단순히

$("#deleteButton").click(function() { 
$('#myModal').modal('hide') 
$('#myModal2').modal('show')  
});

#deleteButton

에 클릭이 여기에 작업 예제 #modal와 쇼 #의 modal2을 숨 깁니다. 당신의 이미 열려있는 모달의 링크는 다음과 같이해야합니다 :

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>

을 "모달"= 데이터가-해고 -> 그 모달을 닫습니다 = 는 트릭입니다 !!!!
데이터 토글 = "모달"-> 새로운 대화

이 즐겨 열립니다!

출처

2012-06-11 16:35:50 baptme

높이가 긴 경우 스크롤은 두 번째 모달에서는 작동하지 않습니다. – Giraldi

새 모달을 실행하기 전에 이전 모달이 처음 닫힐 때를 감지해야합니다. 여기 내 해결책이 있습니다 : http://stackoverflow.com/a/30250853/851045 – Giraldi

출처

2013-05-23 23:12:16

이것은 질문에 대답하지 않습니다. – darksky

그 질문에 대답 했어! 첫 번째 모달의 링크는 다음과 같아야합니다. Link –

높이가 길면 알고있는 한 두 번째 모달에서는 스크롤이 작동하지 않습니다. – Giraldi

확인 모달의 태그를 세부 모달보다 코드 하단에 배치하면됩니다.

출처

2015-02-12 17:46:52 Rob

그리고 그것은 작동합니다! 고맙습니다. –

이 질문에 대한 진정한 해결책입니다. 감사합니다. –

나를 위해 가장 단순한 것. – Mehari

두 번째 모달에 z- 인덱스를 추가하는 방법은 어떻습니까? 마찬가지로 :

<div class="modal fade" style="z-index:1050">modal content here...</div>

값 1050 실제 대답의 방법으로 많이가없는 것으로 보인다 99999

출처

2015-06-19 13:13:13 fedda

z-index = 1050 id 기본값입니다. 내 두 번째 모달의 Z- 색인을 1051로 변경했으며 제대로 작동합니다. – Strabek

빠른 해결책. – Avinash

트위터 부트 스트랩 - 이미 열린 모달에 대한 모달을 엽니 다.

답변

관련 문제