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

Bootstrap 作者: Rector 407阅读 0评论 0收藏 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

问题描述

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

$('#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')
});

阅读了该文章的人还浏览了...

本文永久链接码友网 » [Bootstrap]Bootstrap中如何给弹出的模态窗口在关闭方法上绑定关闭事件?

发布于: 2018-01-25 13:16:45
分享扩散: