我在一个新项目上使用Twitter Bootstrap库，我想对页面的一部分进行刷新和检索模态关闭上的最新json数据。我在文档中没有看到这个，有人能给我指出来或提出一个解决方案吗?
使用文档中的方法有两个问题
$('#my-modal').bind('hide', function () {
// do something ...
});
我附加了一个“隐藏”类的模式，这样它就不会显示在页面加载，这样就会加载两次
即使我删除隐藏类并设置元素id为display:none并添加console.log(“the MODAL CLOSED”);到上面的函数，当我点击关闭什么都没有发生。
当前回答
启动Bootstrap 3(编辑:在Bootstrap 4中仍然相同)有2个实例，其中你可以触发事件，分别是:
1. 当模态“隐藏”事件开始时
$('#myModal').on('hide.bs.modal', function () {
console.log('Fired at start of hide event!');
});
2. 当模态“隐藏”事件完成
$('#myModal').on('hidden.bs.modal', function () {
console.log('Fired when hide event has finished!');
});
裁判:http://getbootstrap.com/javascript/ # js-events
其他回答
引导4:
$('#myModal').on('hidden.bs.modal', function (e) {
// call your method
})
hide.bs.modal: 当调用hide实例方法时，立即触发此事件。
hidden.bs.modal: 当模态完成对用户隐藏时触发此事件(将等待CSS转换完成)。
我和一些人有同样的问题
$('#myModal').on('hidden.bs.modal', function () {
// do something… })
你需要把它放在页面的底部，把它放在顶部永远不会触发事件。
我已经看到了很多关于引导事件的答案，比如当模式关闭时触发的hide.bs.modal。
这些事件有一个问题:模式中的任何弹出窗口(弹出窗口、工具提示等)都会触发该事件。
还有另一种方法可以在模态关闭时捕获事件。
$(document).on('hidden','#modal:not(.in)', function(){} );
当模式打开时，Bootstrap使用in类。 使用隐藏事件是非常重要的，因为当事件隐藏被触发时，类仍然被定义。
此解决方案将无法在IE8中工作，因为IE8不支持Jquery:not()选择器。
启动Bootstrap 3(编辑:在Bootstrap 4中仍然相同)有2个实例，其中你可以触发事件，分别是:
1. 当模态“隐藏”事件开始时
$('#myModal').on('hide.bs.modal', function () {
console.log('Fired at start of hide event!');
});
2. 当模态“隐藏”事件完成
$('#myModal').on('hidden.bs.modal', function () {
console.log('Fired when hide event has finished!');
});
裁判:http://getbootstrap.com/javascript/ # js-events
如果你想在每个模态闭合时触发一个函数，你可以使用这个方法，
$(document).ready(function (){
$('.modal').each(function (){
$(this).on('hidden.bs.modal', function () {
//fires when evey popup close. Ex. resetModal();
});
});
});
所以你不需要每次都指定模态id。
