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

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

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

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

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


当前回答

你需要使用"on"事件来代替"live",但是把它赋值给document对象:

Use:

$(document).on('hidden.bs.modal', '#Control_id', function (event) {
// code to run on closing
});

其他回答

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

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

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

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

你需要使用"on"事件来代替"live",但是把它赋值给document对象:

Use:

$(document).on('hidden.bs.modal', '#Control_id', function (event) {
// code to run on closing
});

引导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→活动

引导4:

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

hide.bs.modal: 当调用hide实例方法时,立即触发此事件。

hidden.bs.modal: 当模态完成对用户隐藏时触发此事件(将等待CSS转换完成)。