堆疊莫代爾或其他一些替代jquery彈出窗口模式

Question

是否有任何替代多個模態。我需要多個模態的實例。

當在主頁面中點擊打開模式時，打開一個窗體的模態（Modal-A），並打開Modal-A的鏈接以打開另一個模態（Modal-B）。

Modal-B也是一種形式，當Modal-B關閉時，Modal-A中的某些值需要更新， 以及Modal-A關閉時主頁面需要更新。

任何工作都可以完成，我無法獲得倍數模態工作。

我使用BS3

Answer 1

Bootply：http://www.bootply.com/svYtb33XTs

我解釋：

開放模式，開放的第二模式，輸入一些輸入，關閉模式（交叉或取消，我沒有編碼保存更改），第一個模式的按鈕更新...

JS

$('#myModal1').on('hide.bs.modal', function(){ 
    $('a').html( $('#myModal1 input').val()  ); 
}); 

HTML：

<a href="#myModal" role="button" class="btn btn-default" data-toggle="modal">Launch demo modal</a> 

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>One fine body… 
     <a href="#myModal1" role="button" class="btn btn-default" data-toggle="modal">Launch demo modal</a>  
     </p> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
     <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 
</div> 


<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>Type something here and close modal.... (cancel or close)</p> 
     <input> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
     <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 
</div>