不允许关闭Twitter引导模式窗口

我正在使用Twitter引导创建一个模态窗口。默认的行为是，如果你点击模式区域之外，模式将自动关闭。我想禁用，即不关闭模式窗口时，点击模式之外。

有人可以分享jQuery代码来做到这一点吗?

当前回答

只需为背景设置静态选项(背景:'static')。为了防止在键盘上按Esc键关闭模式，你必须将键盘选项设置为false(键盘:false)

所以，代码将是。

var jq = jQuery.noConflict();
jq(document).ready(function(){
    jq('#exampleModal').modal({backdrop: 'static', keyboard: false}); 
});

其他回答

如果有人从谷歌来到这里，试图找出如何阻止某人关闭一个模式，不要忘记，在模式的右上方还有一个关闭按钮，需要删除。

我用一些CSS来隐藏它:

#Modal .modal-header button.close {
    visibility: hidden;
}

注意，使用"display: none;"会在创建模态时被覆盖，所以不要使用它。

为了在模式显示后更新Bootstrap 4.1.3中的背景状态，我们使用了Bootstrap- modal - wrapper插件中的下面一行。插件存储库代码引用。

$("#yourModalElement").data('bs.modal')._config.backdrop = (true : "static");

试试主线:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="verifyModalLabel" aria-hidden="true">

正如D3VELOPER所说，下面的代码解决了它:

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

我使用jquery和bootstrap和简单removeData('modal')不工作。

$(document).ready(function(e){

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

});

" background:'static'"将阻止关闭模式时，点击它之外; "keyboard: false"指定模式可以由escape键关闭(Esc) "show: false"将在页面加载完成时隐藏模式

推荐文章