2018-08-08- bootstrap模态框隐藏事件

问题

  • 想要监听模态框关闭后状态写清除数据的逻辑, 发现bootstrap提供的'hide.bs.modal', 只能监听到一次关闭事件
    // 模态框隐藏
    $("#myModal").on('hide.bs.modal', function () {
        // 清除数据 
                    // ....这里的逻辑只能在模态框第一次关闭时被触发, 之后再无效
        $("#myModal").removeData("bs.modal");   
    })
  • 这里关闭后的逻辑只能在模态框第一次关闭时被触发, 之后再无效

解决方法

  • 手动向模态框里面的关闭按钮添加点击事件, 可以每次点击都可以被触发
    // 模态框隐藏
    $("#closeBtn").on('click', function () {
        // 清除数据 
                    // ....这里的逻辑可以一直被有效触发
        $("#myModal").removeData("bs.modal");   
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容