在前端网页的应用程序编程开发中,很多人会用到响应式前端框架Bootstrap,它提供了非常多的响应式布局和组件,其中比较常用的一个组件是模态窗口(Modal)。
假如当前在一个页面中打开了一个模态窗口(Modal),现在需要监听这个窗口的关闭事件,并执行相应的回调函数,应该如何来监听这个Bootstrap的模态窗口的关闭事件呢?
Rector
2021-01-13 提问
Bootstrap这个响应式前端样式框架默认提供了模态窗口的关闭事件接口,即:hidden.bs.modal,这个接口在Bootstrap 3以及Bootstrap 4中均可用,如下:
hidden.bs.modal
$('#myModal').on('hidden.bs.modal', function () { // 此处处理你的关闭回调 });
2021-01-13 回答
hidden.bs.modal事件是在模态窗口被关闭之后触发,而hide.bs.modal事件是在模态窗口开始关闭前触发,两者执行的时机不同,hide.bs.modal的监听方法如下:
hide.bs.modal
$('#myModal').on('hide.bs.modal', function () { // 准备开始关闭模态窗口 // 此处处理你的关闭回调 });
码龄: 3125天
专注.NET/.NET Core