Twitter Bootstrap Modal - En oculto cualquier

Question

Actualmente estoy trabajando en Bootstrap para poner un video en un modal. Todo se genera a través de cms (por lo que no tengo control sobre la cantidad de videos que se mostrarán).

Todo va bien (tengo que dar a cada modal su propia identificación y todo funciona). La cosa es que, cuando cierras el modal y el video se está ejecutando, el video (y el sonido) continúan ejecutándose en segundo plano.

a Dodge que, cuando un modal se cierra con el botón x, restauro el html en el modal, como esto:

$('button.close').click(function(){ 
    var divcible=$(this).parent().parent().find(".modal-body"); 
    var html = divcible.html() 
    divcible.html("") 
    divcible.html(html) 
}) 

Mi problema con esto es que si el usuario hace clic en el telón de fondo, la Html no se reiniciará. en el sitio web de boostrap llaman a este

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

para vigilar cuando se cierra modal, pero quiero encontrar si hay una manera de controlar cuando se cierra CUALQUIER modal.

Answer 1

agregar una clase a sus modales y el uso que:

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

    // edit for clarity: "that" will now reference the modal that was hidden 
    var that = this;   
}) 

Answer 2

Por defecto, la mayoría de los eventos bubble up del destino del evento original al elemento document. Este es también el caso del evento hidden que se activa cuando el modal ha terminado de ocultarse al usuario. Por lo tanto, una manera de controlar cuando se cierra CUALQUIER modal es adjuntar un controlador de eventos para el elemento document de la siguiente forma:

$(document).on('hidden', function() { 
    // a modal closes, so do what you want :) 
}) 

Answer 3

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

de documentación 3.x arranque http://getbootstrap.com/javascript/#modals