为了账号安全,请及时绑定邮箱和手机立即绑定

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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消