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

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

当前回答

如果你需要关闭外面的点击，但允许按下退出

$('#myModal').modal({
    backdrop: 'static',   // This disable for click outside event
    keyboard: true        // This for keyboard event
})

其他回答

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

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

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

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

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

<button class='btn btn-danger fa fa-trash' data-toggle='modal' data-target='#deleteModal' data-backdrop='static' data-keyboard='false'></button>

只需将数据背景和数据键盘属性添加到打开的模型上的按钮。

你应该使用背景静态，键盘假。可以使用jQuery关闭按钮，也可以从modal html中删除。希望这对你有所帮助。

 $('#MyModal').modal({ backdrop: 'static', keyboard: false });
    $('#MyModal .close').css('display','none');

推荐文章