Wie kann ich schließen Sie mehrere bootstrap-modals mit der Schaltfläche schließen auf den letzten knallte modal

Ich habe 2 modal popups, die in diesem code. Wie kann ich die schließen-Schaltfläche auf den zweiten knallte modal schließen der ersten und der zweiten modal.

<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>
InformationsquelleAutor Sowemimo Bamidele | 2015-01-09
  1. 3

    Könnten Sie $('#myModal, #myModal2').modal('hide');.

    http://jsfiddle.net/L5o2pm1g/

    InformationsquelleAutor secelite
  2. 1

    Bootstrap gibt Ihnen Zugang zu extra auf die modal Funktion. Alles, was Sie tun müssen ist, wählen Sie es mit jQuery und dann sagen, was zu tun ist. Siehe das Codefragment unten.

    function closeAll() {
  $('#myModal, #myModal2').modal('hide');
}
    <button type="button" class="btn btn-danger" data-dismiss="modal" onClick="closeAll()">Close all</button>
    • Es ist noch nicht schließen
    InformationsquelleAutor Wild Beard
Schreibe einen Kommentar