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

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

当前回答

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

其他回答

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

你也可以在引导模型中使用直接。

<div class="modal fade" id="myModal" data-keyboard="false" data-backdrop="static">

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

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

只需在该模式中添加data- background ="static"和data-keyboard="false"属性即可。

Eg.

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

您可以使用下面的代码

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

更改默认行为。

推荐文章