点击外部或按下转义键时，防止引导模式消失？ [英] Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?

问题描述

我使用Twitter Bootstrap模式作为向导窗口，并希望在用户点击模式外或按下转义按钮时阻止用户关闭它。相反，我希望它在用户按下完成按钮时关闭。如何使用JavaScript然后：

解决方案

pre $ <'code> $（'＃myModal'）。modal（{
背景：'static'，
键盘：false
}）

以及HTML：

 < a data-controls-modal =your_div_iddata-backdrop =staticdata-keyboard =falsehref =＃> 
  

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?

解决方案

If using JavaScript then:

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

and if HTML:

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

这篇关于点击外部或按下转义键时，防止引导模式消失？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！