Twitter Bootstrap Modal - 非表示になっています

Question

私は現在、モーダルでビデオを入れるためにブートストラップに取り組んでいます。すべてはCMSによって生成されるので、どのくらいのビデオが表示されるかは制御できません。

すべてがうまくいっています（私は各モーダルに独自のIDを付けなければなりません）。モーダルを閉じてビデオが実行されているとき、ビデオ（とサウンド）はバックグラウンドで引き続き実行されます。モーダルはxボタンで閉じているとき、私はこのように、モーダルでHTMLを更新する、ことをかわす

：

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

それと私の問題は、ユーザーが背景をクリックすることで、 HTMLはリセットされません。ブートストラップのウェブサイト上で、彼らは1つのモーダルが閉じたときに監視するために、この

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

を呼び出すが、私はANYモーダルが閉じたときに監視する方法があるかどう見つけたいと思います。 document要素にデフォルトで

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

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

Answer 1

は、あなたのモーダルにクラスを追加し、それを使用します。これは、モーダルがユーザーから隠されたときに起動されるhiddenイベントの場合もあります。このように、ANYモーダルが閉じたときに監視する方法は、次のようにdocument要素にイベントハンドラをアタッチすることです：

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

Answer 2

を、元のイベントの対象からほとんどのイベントbubble up：

Answer 3

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

ブートストラップ3.xのドキュメント http://getbootstrap.com/javascript/#modals