防止引导模式从消失时点击外面或按下逃生?

我使用Twitter引导模式作为向导窗口，并希望防止用户在模式外单击或按下escape时关闭它。相反，我希望它在用户按下完成按钮时关闭。我如何实现这个场景?

当前回答

你的代码是工作时，我点击出来的模态，但如果我使用html输入领域内的模态体，然后将光标集中在输入，然后按esc键模态已关闭。点击这里

其他回答

如果使用JavaScript，那么:

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

在show的情况下

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

或HTML:

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

<button class="btn btn-primary btn-lg" data-backdrop="static" data-keyboard="false" data-target="#myModal" data-toggle="modal">

也工作，data- background ="static"点击出来和data-keyboard="false"到Esc在你的div模式:

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

您可以使用下面的代码

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';

更改默认行为。

这段代码将防止模式关闭，如果你点击模式之外。

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

推荐文章