Twitter Bootstrap模式 - 隐藏任何

Question

我正在研究Bootstrap将视频放入模态中.一切都是通过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将不会重置.在boostrap的网站上,他们称之为

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

监视一个模态何时关闭,但我想找到是否有办法监视任何模态何时关闭.

Answer 1

在您的模态中添加一个类并使用它:

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

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

Answer 2

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

来自bootstrap 3.x文档 http://getbootstrap.com/javascript/#modals