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

Answer 3

默认情况下，从原始事件的大多数事件bubble up定位到document元素。这也是hidden事件的情况，当模态完成对用户的隐藏时会触发该事件。因此，监视ANY模式关闭的方法是将事件处理程序附加到document元素，如下所示：

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

Twitter Bootstrap模式 - 隐藏任何

3 个答案: