防止 Bootstrap Modal 在单击外部或按 Escape 时消失？

Question

我将 Twitter Bootstrap 模态用作向导窗口，并希望防止用户在模态外部单击或按退出键时关闭它。相反，我希望它在用户按下完成按钮时关闭。我怎样才能实现这种情况？

原文由 Ehsan Zargar Ershadi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果使用 JavaScript，则：

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

在“显示”的情况下

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

或者在 HTML 中：

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

原文由 Ehsan Zargar Ershadi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

也可以工作， data-backdrop="static" 点击并 data-keyboard="false" 在你的div模式中按Esc键：

 <div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">

原文由 CesarMiguel 发布，翻译遵循 CC BY-SA 3.0 许可协议