我在一个新项目上使用Twitter Bootstrap库，我想对页面的一部分进行刷新和检索模态关闭上的最新json数据。我在文档中没有看到这个，有人能给我指出来或提出一个解决方案吗?
使用文档中的方法有两个问题
$('#my-modal').bind('hide', function () {
// do something ...
});
我附加了一个“隐藏”类的模式，这样它就不会显示在页面加载，这样就会加载两次
即使我删除隐藏类并设置元素id为display:none并添加console.log(“the MODAL CLOSED”);到上面的函数，当我点击关闭什么都没有发生。
当前回答
Bootstrap提供了你可以钩到modal的事件，比如如果你想在modal完成对用户隐藏后触发一个事件，你可以使用hidden.bs.modal事件 像这样
/* hidden.bs.modal event example */
$('#myModal').on('hidden.bs.modal', function () {
window.alert('hidden event fired!');
})
查看一个工作提琴在这里阅读更多关于模态方法和事件在这里文档
其他回答
引导4
$('#my-modal').on('hidden.bs.modal', function () {
window.alert('hidden event fired!');
});
查看这个JSFiddle的工作示例:
https://jsfiddle.net/6n7bg2c9/
请参阅文档中的模态事件部分:
https://getbootstrap.com/docs/4.3/components/modal/#events
引导3和4
$('#myModal').on('hidden.bs.modal', function () {
// do something…
});
引导3:getbootstrap.com/javascript/#modals-events
引导4:getbootstrap.com/docs/4.1/components/modal/#events
2.3.2引导
$('#myModal').on('hidden', function () {
// do something…
});
参见getbootstrap.com/2.3.2/javascript.html#modals→活动
如果你想在每个模态闭合时触发一个函数，你可以使用这个方法，
$(document).ready(function (){
$('.modal').each(function (){
$(this).on('hidden.bs.modal', function () {
//fires when evey popup close. Ex. resetModal();
});
});
});
所以你不需要每次都指定模态id。
我会这样做:
$('body').on('hidden.bs.modal', '#myModal', function(){ //this call your method });
剩下的已经被别人写了。我还推荐阅读文档:jquery的on方法
我和一些人有同样的问题
$('#myModal').on('hidden.bs.modal', function () {
// do something… })
你需要把它放在页面的底部，把它放在顶部永远不会触发事件。
