如何使用最后一个弹出模式上的关闭按钮关闭多个引导模式答案

【问题标题】：How can I close multiple bootstrap modals with the close button on the last popped modal如何使用最后一个弹出模式上的关闭按钮关闭多个引导模式
【发布时间】：2015-01-09 16:38:10
【问题描述】：

我在这段代码中有 2 个模式弹出窗口。如何使用第二个弹出模式上的关闭按钮来关闭第一个和第二个模式。

<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>

【问题讨论】：

你 can't have multiple modals open simultaneously 首先在 Bootstrap 中......

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

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

http://jsfiddle.net/L5o2pm1g/

【讨论】：

【解决方案2】：

Bootstrap 让您可以访问更多模式功能。您所要做的就是用 jQuery 选择它，然后告诉它要做什么。请参阅下面的 sn-p。

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

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

【讨论】：

还没有全部关闭