我正在研究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…
})
解决方法
在您的模态中添加一个类并使用它：
$('.myModal').on('hidden',function () {
// do something…
// edit for clarity: "that" will now reference the modal that was hidden
var that = this;
})
