[Bootstrap]中如何为模态窗口(Modal)绑定关闭时的事件监听？

2.7K 次浏览

0

在前端网页的应用程序编程开发中，很多人会用到响应式前端框架Bootstrap，它提供了非常多的响应式布局和组件，其中比较常用的一个组件是模态窗口(Modal)。

假如当前在一个页面中打开了一个模态窗口(Modal)，现在需要监听这个窗口的关闭事件，并执行相应的回调函数，应该如何来监听这个Bootstrap的模态窗口的关闭事件呢？

我来回答收藏(0) 评论编辑

2021-01-13 提问

回复 [×]

提交评论

请输入评论内容

2 个回答

0
Bootstrap这个响应式前端样式框架默认提供了模态窗口的关闭事件接口，即：hidden.bs.modal，这个接口在Bootstrap 3以及Bootstrap 4中均可用，如下：
```
$('#myModal').on('hidden.bs.modal', function () {
    // 此处处理你的关闭回调
});
```
评论分享

Rector

2021-01-13 回答
0
hidden.bs.modal事件是在模态窗口被关闭之后触发，而hide.bs.modal事件是在模态窗口开始关闭前触发，两者执行的时机不同，hide.bs.modal的监听方法如下：
```
$('#myModal').on('hide.bs.modal', function () {
    // 准备开始关闭模态窗口
    // 此处处理你的关闭回调
});
```
评论分享

Rector

2021-01-13 回答

我来回答

提交答案