twitter bootstrap - example - Capturar evento cercano en Bootstrap Modal

modal javascript

Question

Tengo un Boostrap Modal para seleccionar eventos. Si el usuario hace clic en el botón X o fuera del modal, me gustaría enviarlos al evento predeterminado. ¿Cómo puedo capturar estos eventos?

Este es mi código:

<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

Aunque se responde en otra pregunta de desbordamiento de pila Enlace una función a Twitter Bootstrap Modal Close, pero para una sensación visual aquí hay una respuesta más detallada.

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

Answer 2

Esto es muy similar a otro artículo de , Enlace una función a Twitter Bootstrap Modal Close . Suponiendo que está utilizando alguna versión de Bootstap v3 o v4, puede hacer algo como lo siguiente:

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

Answer 3

Intenté usarlo y no funcionó, supongo que es solo la versión modal.

Aunque funcionó así:

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

Solo para actualizar la respuesta =)