Twitter Bootstrap Modal - On hidden any

Question

Obecnie pracuję nad Bootstrap, aby umieścić wideo w modalu. Wszystko jest generowane przez cms (więc nie mam kontroli nad tym, ile filmów się wyświetli).

Wszystko idzie dobrze (muszę nadać każdemu modalowi swój własny identyfikator i wszystko działa). Rzecz w tym, że po zamknięciu modalu i uruchomieniu wideo wideo (i dźwięk) nadal działa w tle.

unik, że gdy modalna jest zamknięcie za pomocą przycisku x, odświeżam HTML w modalnym, tak:

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

Mój problem z tym jest to, że jeśli użytkownik kliknie na uwadze powyższe, Html nie zostanie zresetowany. na stronie internetowej boostrap nazywają to

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

monitorować kiedy jeden modalne zamyka, ale chcę się dowiedzieć, czy istnieje sposób, aby monitorować gdy którykolwiek modalne zamyka.

Answer 1

Dodaj klasę do czasowniki modalne i używać:

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

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

Answer 2

Domyślnie większość wydarzeń bubble up od pierwotnego celu zdarzenia do elementu document. Dotyczy to również zdarzenia hidden, które jest uruchamiane, gdy modal jest już ukryty przed użytkownikiem. Tak więc, sposób monitorowania gdy którykolwiek modalne zamyka jest dołączenie obsługi zdarzeń do elementu document następująco:

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

Answer 3

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

z dokumentacją bootstrap 3.x http://getbootstrap.com/javascript/#modals