防止 Bootstrap Modal 在单击外部或按 Esc 时消失? [英] Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?

查看:20
本文介绍了防止 Bootstrap Modal 在单击外部或按 Esc 时消失?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用 Twitter Bootstrap 模态作为向导窗口,并希望防止用户在模态外单击或按 Esc 键时关闭它.相反,我希望它在用户按下完成按钮时关闭.我怎样才能实现这个场景?

I'm using the Twitter Bootstrap modal as a wizard window, and would like to prevent the user from closing it when clicking outside of the modal or when pressing escape. Instead, I want it to be closed when the user presses the finish button. How could I achieve this scenario?

推荐答案

如果使用 JavaScript 则:

If using JavaScript then:

$('#myModal').modal({
    backdrop: 'static',
    keyboard: false
})

或在 HTML 中:

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

这篇关于防止 Bootstrap Modal 在单击外部或按 Esc 时消失?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆