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


当前回答

您可以使用下面的代码

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

更改默认行为。

其他回答

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

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

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

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

下面的脚本适合我:

// prevent event when the modal is about to hide
$('#myModal').on('hide.bs.modal', function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});
<button class='btn btn-danger fa fa-trash' data-toggle='modal' data-target='#deleteModal' data-backdrop='static' data-keyboard='false'></button>

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

如果使用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="#">