我在一个新项目上使用Twitter Bootstrap库,我想对页面的一部分进行刷新和检索模态关闭上的最新json数据。我在文档中没有看到这个,有人能给我指出来或提出一个解决方案吗?

使用文档中的方法有两个问题

 $('#my-modal').bind('hide', function () {
   // do something ...
 });

我附加了一个“隐藏”类的模式,这样它就不会显示在页面加载,这样就会加载两次

即使我删除隐藏类并设置元素id为display:none并添加console.log(“the MODAL CLOSED”);到上面的函数,当我点击关闭什么都没有发生。


当前回答

我会这样做:

$('body').on('hidden.bs.modal', '#myModal', function(){ //this call your method });

剩下的已经被别人写了。我还推荐阅读文档:jquery的on方法

其他回答

$(document.body).on('hidden.bs.modal', function () {
    $('#myModal').removeData('bs.modal')
});

我已经看到了很多关于引导事件的答案,比如当模式关闭时触发的hide.bs.modal。

这些事件有一个问题:模式中的任何弹出窗口(弹出窗口、工具提示等)都会触发该事件。

还有另一种方法可以在模态关闭时捕获事件。

$(document).on('hidden','#modal:not(.in)', function(){} );

当模式打开时,Bootstrap使用in类。 使用隐藏事件是非常重要的,因为当事件隐藏被触发时,类仍然被定义。

此解决方案将无法在IE8中工作,因为IE8不支持Jquery:not()选择器。

Bootstrap提供了你可以钩到modal的事件,比如如果你想在modal完成对用户隐藏后触发一个事件,你可以使用hidden.bs.modal事件 像这样

    /* hidden.bs.modal event example */
    $('#myModal').on('hidden.bs.modal', function () {
          window.alert('hidden event fired!');
    })

查看一个工作提琴在这里阅读更多关于模态方法和事件在这里文档

我会这样做:

$('body').on('hidden.bs.modal', '#myModal', function(){ //this call your method });

剩下的已经被别人写了。我还推荐阅读文档:jquery的on方法

如果你想在每个模态闭合时触发一个函数,你可以使用这个方法,

$(document).ready(function (){
    $('.modal').each(function (){
        $(this).on('hidden.bs.modal', function () {
            //fires when evey popup close. Ex. resetModal();
        });
    });
});

所以你不需要每次都指定模态id。