BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中相关的知识,希望对你有一定的参考价值。

$(‘#ajax_wait‘).modal({

  backdrop: ‘static‘,

  keyboard: false

});

backdrop:static ,空白处不关闭.

keyboard:false ,esc键盘不关闭.

上述代码同时打开模态框

当然,直接在模态框上加上data-backdrop="static"也可以。

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

手动打开模态框:

$("#ajax_wait").modal(‘show‘);

手动隐藏模态框:

$("#ajax_wait").modal(‘hide‘);

设置模态框垂直居中:

$(‘#ajax_wait‘).modal().css({
"margin-top": function () {
return $(this).height()/2;
}
});

以上是关于BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap 模态框(modal)点击空白处和ESC不关闭的方法

为啥点击模态框的时候为自动生成两个div元素modal-backdrop

模态框点击空白处不关闭

bootstrap种modal怎么关闭

BootStrap3 的模态框重有一个保存按钮.点击保存如何关闭模态框.隐藏关闭不起作用..

简单的jQuery日期选择