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