Bootstrap 3: 监听弹出窗口关闭/打开事件 How to handle the modal closing event in Twitter Boot...

Updated for Bootstrap 3

Bootstrap 3 documentation refers two events you can use

hide.bs.modal: This event is fired immediately when the hide instance method has been called.
hidden.bs.modal: This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete).

And provides an example on how to use them:

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

$('#myModal').on('show.bs.modal', function (e) {
  if (!data) return e.preventDefault() // stops modal from being shown
})

 

Legacy Bootstrap 2.3.2 answer

Bootstrap's documentation refers two events you can use

hide: This event is fired immediately when the hide instance method has been called.
hidden: This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).

And provides an example on how to use them:

$('#myModal').on('hidden', function () {
    // do something…
})

$('#myModal').on('show', function (e) {
    if (!data) return e.preventDefault() // stops modal from being shown
})

参考:http://stackoverflow.com/a/12319710/602382

 

 

原文/转自:Bootstrap 3: 监听弹出窗口关闭/打开事件 How to handle the modal closing event in Twitter Bootstrap?

 

 

 

 

 

 

 

 

 

 

"DevTools failed to load source map: Could not load content for http://localhost:8083/css/bootstrap.css.map" 这个错误提示说明在加载 http://localhost:8083/css/bootstrap.css.map 这个文件时出现了问题。 有几个常见的原因会导致这个问题。首先,可能是因为该文件不存在或无法访问引起的。这可能是由于文件路径不正确或者文件被删除或移动了。其次,可能是由于网络连接问题或服务器问题导致无法加载文件。 解决这个问题的方法有几种。首先,你可以检查一下文件路径是否正确,并确保文件存在于该路径下。如果文件被删除或移动了,你可以从备份中恢复或重新下载该文件。 另外,你还可以尝试清除浏览器缓存,然后重新加载页面。有时候,浏览器缓存可能会导致加载错误的源映射文件。 如果以上方法都无效,你可以尝试使用其他浏览器或者更新浏览器版本。有时候,浏览器版本不兼容或存在一些 bug,会导致加载源映射文件出错。 最后,如果你使用的是 Chrome 浏览器,并且在控制台报警中看到了 "chrome-extension xxx" 的信息,那可能是由某个 Chrome 插件造成的。你可以尝试禁用插件或者使用隐身模式重新打开页面,看看问题是否解决。 希望以上解答对你有帮助。如果还有其他问题,请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.m](https://blog.csdn.net/weixin_45832482/article/details/122083620)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [解决DevTools failed to load source map: Could not load content for xxx](https://blog.csdn.net/qq_44870156/article/details/123097624)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值