首页 / 问答 / [Bootstrap]中如何为模态窗口(Modal)绑定关闭时的事件监听?

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

0

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

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

回复 [×]
提交评论
请输入评论内容

2 个回答

  • 0

    Bootstrap这个响应式前端样式框架默认提供了模态窗口的关闭事件接口,即:hidden.bs.modal,这个接口在Bootstrap 3以及Bootstrap 4中均可用,如下:

    $('#myModal').on('hidden.bs.modal', function () {
        // 此处处理你的关闭回调
    });
    
    Rector的个人主页

    Rector

    12天前 回答

    • 0

      hidden.bs.modal事件是在模态窗口被关闭之后触发,而hide.bs.modal事件是在模态窗口开始关闭前触发,两者执行的时机不同,hide.bs.modal的监听方法如下:

      $('#myModal').on('hide.bs.modal', function () {
          // 准备开始关闭模态窗口
          // 此处处理你的关闭回调
      });
      
      Rector的个人主页

      Rector

      12天前 回答

      我来回答