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


当前回答

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

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

其他回答

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

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

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

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

下面的脚本适合我:

// prevent event when the modal is about to hide
$('#myModal').on('hide.bs.modal', function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});

我使用这些属性,它可以工作,data-keyboard="false" data- background ="static"