Zdarzenie close Capture na Bootstrap Modal

Question

Mam Boostrap Modal do wybierania zdarzeń. Jeśli użytkownik kliknie przycisk X lub poza modalem, chciałbym wysłać je do domyślnego zdarzenia. Jak mogę uchwycić te wydarzenia?

To jest mój kod:

<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

ten jest bardzo podobny do innego artykułu stackoverflow, Bind a function to Twitter Bootstrap Modal Close. Zakładając, że używasz jakiejś wersji v3 lub v4 Bootstap, można zrobić coś jak poniżej:

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

Answer 2

próbowałem go używać i nie działa, że ​​to jest właśnie versioin modalne.

Mimo, że pracował jako to:

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

Wystarczy zaktualizować odpowiedź =)

Answer 3

Chociaż zostanie odebrane w innym przepełnienie stosu pytanie Bind a function to Twitter Bootstrap Modal Close ale odczucia wizualne tutaj jest bardziej szczegółową odpowiedź.

Źródło: http://getbootstrap.com/javascript/#modals-events