[Bootstrap]Bootstrap中如何给弹出的模态窗口在关闭方法上绑定关闭事件？

问题描述

比如现有如下的模态窗口的关闭事件:

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

现需要在此窗口的关闭事件上绑定一个关闭窗口时的逻辑方法，应该如何实现呢？

方案一

Bootstrap 3

$('#myModal').on('hidden.bs.modal', function () {
    // do something…
})

Bootstrap 2.3.2

$('#myModal').on('hidden', function () {
    // do something…
})

方案二

当关闭事件触发时：

$('#myModal').on('hide.bs.modal', function () { 
    console.log('Fired at start of hide event!');
});

当关闭事件完成后：

$('#myModal').on('hidden.bs.modal', function () {
    console.log('Fired when hide event has finished!');
});

方案三

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