Cattura evento chiusura su Bootstrap Modal

Question

Ho un modal Boostrap per selezionare gli eventi. Se l'utente fa clic sul pulsante X o all'esterno del modal, desidero inviarli all'evento predefinito. Come posso catturare questi eventi?

Questo è il mio codice:

<div class="modal" id="myModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content event-selector"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
     <center><h1 class="modal-title event-selector-text">Select an Event</h1><center> 
     </div> 
     <div class="container"></div> 
     <div class="modal-body"> 
     <div class="event-banner"> 
     <a href="/?event=1"><img src=<?php echo IMAGES_EVENT1_LOGO; ?> width="100%"></a> 
     </div> 
     <div class="event-banner"> 
     <a href="/?event=2"><img src=<?php echo IMAGES_EVENT2_LOGO; ?> width="100%"></a> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

Questo è molto simile ad un altro articolo StackOverflow, Bind a function to Twitter Bootstrap Modal Close. Supponendo che si sta utilizzando una qualche versione di Bootstap v3 o v4, si può fare qualcosa di simile al seguente:

$("#myModal").on("hidden.bs.modal", function() { 
    // put your default event here 
}); 

Answer 2

ho provato ad usarlo e non ha funzionato, che sia solo l'versioin modale.

Anche se, ha funzionato come questo:

$("#myModal").on("hide.bs.modal", function() { // put your default event here });

solo per aggiornare la risposta =)

Answer 3

Anche se si risponde in un altro pila domanda di overflow Bind a function to Twitter Bootstrap Modal Close ma per sensazione visiva qui è la risposta più dettagliata.

Fonte: http://getbootstrap.com/javascript/#modals-events