부트 박스, 두 개의 모달 창 - 하나 위에 다른 하나

Question

두 개의 부트 상자 모달 창 - 부모와 자식이 있습니다. 사용자가 잘못된 데이터를 입력하고 상위 모달 창을 저장하려고하면 하위 창이 나타납니다. 문제는 - 하위 창이 나타나면 부모 모달 창 버튼을 클릭 할 수 있습니다. 어떻게 해결할 수 있습니까? 자식 모달이 열리면 부모 창 컨트롤을 사용하지 않아야합니다.

고마워,

마이클

Answer 1

니스! 고마워요! 하지만 솔루션은 더 간단합니다 .. 위의 창의 Z- 인덱스를 변경했습니다. 예 : ... //div.bootbox.modal.fade 아이 모달 창

경우 : 부모 창의 Z- 인덱스 내가 다음 행으로 내 CSS 파일에 스타일을 추가 한 1050 입니다

div.bootbox.modal.fade.in { 
     z-index:1070; 
} 

//div.bootbox.modal.fade.in + DIV - 몸을

div.bootbox.modal.fade.in + div { 
    z-index:1060; 
} 

덕분에 많이 퇴색 다음 DIV입니다!

마이클

Answer 2

parent=bootbox.dialog(/*your code*/);

넣어 모달 버튼을 만드는 아이의 콜백 코드 다음 콜백에게

을 닫는 콜백에서

parent.find('button').prop("disabled",true); 

넣어 다음 코드

parent.find('button').prop("disabled",false); 

예 :

$('button calling child').click(function(e) 
{  
    parent.find('button').prop("disabled",true); 
    bootbox.dialog(
    { 
    main: 
     { 
     callback:function(e) 
     { 
      parent.find('button').prop("disabled",false); 
     } 
     } 
    }); 
});