如何使用最後一個彈出式模式上的關閉按鈕關閉多個引導模式

Question

我在此代碼中有兩個模態彈出窗口。我如何使用第二個彈出式模式上的關閉按鈕來關閉第一個和第二個模式。

<button class="btn btn-default"><a href="#" data-toggle="modal" data-target="#myModal">Open First Modal</a></button> 
     <div class="modal fade reply-sure" id="myModal"> 
      <div class="modal-dialog modal-lg"> 
      <div class="modal-content"> 
       <div class="modal-header bg-default"> 
       <h4 class="modal-title">First Modal</h4> 
       </div> 
       <div class="modal-body"> 
       <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">Open Second</button> 
       <button type="button" class="btn btn-info" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
      </div> 
     </div> 
     <div class="modal fade reply-sure" id="myModal2"> 
      <div class="modal-dialog modal-lg"> 
      <div class="modal-content"> 
       <div class="modal-header bg-default"> 
       <h4 class="modal-title">Second Modal</h4> 
       </div> 
       <div class="modal-body"> 
       <button type="button" class="btn btn-danger" data-dismiss="modal">Close all</button> 
       </div> 
      </div> 
      </div> 
     </div> 

Answer 1

您可以使用$('#myModal, #myModal2').modal('hide');。

http://jsfiddle.net/L5o2pm1g/

Answer 2

引導，您可以訪問額外的模態函數。你所要做的就是用jQuery選擇它，然後告訴它該做什麼。請參閱下面的代碼片段。

function closeAll() { 
    $('#myModal, #myModal2').modal('hide'); 
} 

<button type="button" class="btn btn-danger" data-dismiss="modal" onClick="closeAll()">Close all</button>