Vincular una función al cierre modal de Twitter Bootstrap
Estoy usando la biblioteca Twitter Bootstrap en un nuevo proyecto y quiero que parte de la página actualice y recupere los datos json más recientes en el cierre modal. No veo esto en ninguna parte de la documentación. ¿Alguien puede señalarmelo o sugerirme una solución?
Dos problemas con el uso de los métodos documentados
$('#my-modal').bind('hide', function () {
// do something ...
});
Ya adjunto una clase "ocultar" al modal para que no se muestre al cargar la página y se cargue dos veces.
incluso si elimino la clase oculta y configuro la identificación del elemento display:noney agrego console.log("THE MODAL CLOSED");a la función anterior cuando presiono cerrar, no sucede nada.
Arranque 3 y 4
$('#myModal').on('hidden.bs.modal', function () {
// do something…
});
Bootstrap 3: getbootstrap.com/javascript/#modals-events
Bootstrap 4: getbootstrap.com/docs/4.1/components/modal/#events
Arranque 2.3.2
$('#myModal').on('hidden', function () {
// do something…
});
Consulte getbootstrap.com/2.3.2/javascript.html#modals → Eventos
Arranque 4
$('#my-modal').on('hidden.bs.modal', function () {
window.alert('hidden event fired!');
});
Vea este JSFiddle para ver un ejemplo funcional:
https://jsfiddle.net/6n7bg2c9/
Consulte la sección Eventos modales de los documentos aquí:
https://getbootstrap.com/docs/4.3/components/modal/#events
Al iniciar Bootstrap 3 ( edición: sigue siendo el mismo en Bootstrap 4 ), hay 2 instancias en las que puedes activar eventos, siendo:
1. Cuando comienza el evento modal "ocultar"
$('#myModal').on('hide.bs.modal', function () {
console.log('Fired at start of hide event!');
});
2. Cuando finalizó el evento modal "ocultar"
$('#myModal').on('hidden.bs.modal', function () {
console.log('Fired when hide event has finished!');
});
Ref: http://getbootstrap.com/javascript/#js-events
