Wie gehe ich mit dem modalen Abschlussereignis in Twitter Bootstrap um?

Schauen Sie sich im Twitter-Bootstrap die Modaldokumentation an . Ich konnte nicht herausfinden, ob es eine Möglichkeit gibt, das Abschlussereignis des Modals zu hören und eine Funktion auszuführen.

Nehmen wir zB dieses Modal als Beispiel:

<div class="modal-header">
    <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Modal header</h3>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
    <a href="#" class="btn close_link" data-dismiss="modal">Close</a>   
</div>

Die X-Taste oben und die Schließen-Taste unten können das Modal wegen ein- / ausblenden data-dismiss="modal". Also frage ich mich, ob ich das irgendwie hören könnte?

Alternativ könnte ich es auch manuell so machen, denke ich ...

$("#salesitems_modal").load(url, data, function() { 
     $(this).modal('show'); 
     $(this).find(".close_link").click(modal_closing);
});

Was denken Sie?

Aktualisiert für Bootstrap 3 und 4

Bootstrap 3- und Bootstrap 4- Dokumente beziehen sich auf zwei Ereignisse, die Sie verwenden können.

hide.bs.modal : Dieses Ereignis wird sofort ausgelöst, wenn die Methode hide hide aufgerufen wurde.
hidden.bs.modal : Dieses Ereignis wird ausgelöst, wenn das Modal nicht mehr für den Benutzer ausgeblendet ist (wartet, bis die CSS-Übergänge abgeschlossen sind).

Und geben Sie ein Beispiel für deren Verwendung:

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

Legacy Bootstrap 2.3.2 Antwort

Die Dokumentation von Bootstrap bezieht sich auf zwei Ereignisse, die Sie verwenden können.

hide : Dieses Ereignis wird sofort ausgelöst, wenn die Methode "hide instance" aufgerufen wurde.
versteckt : Dieses Ereignis wird ausgelöst, wenn das Modal nicht mehr für den Benutzer ausgeblendet ist (wartet, bis die CSS-Übergänge abgeschlossen sind).

Und bietet ein Beispiel für deren Verwendung:

$('#myModal').on('hidden', function () {
    // do something…
})

Wenn Ihr modales Div dynamisch hinzugefügt wird, verwenden Sie (Für Bootstrap 3)

$(document).on('hide.bs.modal','#modal-id', function () {
                alert('');
 //Do stuff here
});

Dies funktioniert auch für nicht dynamische Inhalte.

Es gibt zwei modale Ereignisse, eines ist "show" und "gezeigt", das andere ist "hide" und "hidden". Wie Sie dem Namen entnehmen können, können Sie Ereignisbrände ausblenden, wenn Modal in der Nähe ist, z. B. durch Klicken auf das Kreuz in der oberen rechten Ecke oder durch Schließen oder so weiter. Während versteckt wird ausgelöst, nachdem das Modal tatsächlich geschlossen ist. Sie können diese Ereignisse selbst testen. Zum Beispiel:

$( '#modal' )
   .on('hide', function() {
       console.log('hide');
   })
   .on('hidden', function(){
       console.log('hidden');
   })
   .on('show', function() {
       console.log('show');
   })
   .on('shown', function(){
      console.log('shown' )
   });

Und was Ihre Frage betrifft, denke ich, dass Sie sich das "Verstecken" -Ereignis Ihres Modals anhören sollten.

Modale Bootstrap-Ereignisse:

1. hide.bs.modal => Tritt auf, wenn das Modal ausgeblendet werden soll.
2. hidden.bs.modal => Tritt auf, wenn das Modal vollständig ausgeblendet ist (nachdem die CSS-Übergänge abgeschlossen wurden).

<script type="text/javascript">
    $("#salesitems_modal").on('hide.bs.modal', function () {
        //actions you want to perform after modal is closed.
    });
</script>

Ich hoffe das wird helfen.