栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

bootstrap模态框隐藏事件

bootstrap模态框隐藏事件

问题
  • 想要监听模态框关闭后状态写清除数据的逻辑, 发现bootstrap提供的'hide.bs.modal', 只能监听到一次关闭事件

    // 模态框隐藏
    $("#myModal").on('hide.bs.modal', function () {        // 清除数据 
                    // ....这里的逻辑只能在模态框第一次关闭时被触发, 之后再无效
        $("#myModal").removeData("bs.modal");   
    })
  • 这里关闭后的逻辑只能在模态框第一次关闭时被触发, 之后再无效

解决方法
  • 手动向模态框里面的关闭按钮添加点击事件, 可以每次点击都可以被触发

    // 模态框隐藏
    $("#closeBtn").on('click', function () {        // 清除数据 
                    // ....这里的逻辑可以一直被有效触发
        $("#myModal").removeData("bs.modal");   
    })



作者:爆炒土豆片
链接:https://www.jianshu.com/p/da626d137975


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243617.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号