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;
}
});

转载于:https://www.cnblogs.com/Raymon-Geng/p/5603355.html

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

BootStrap 模态框禁用空白处点击关闭
转自(http://www.cnblogs.com/DayDreamEveryWhere/p/4550320.html) 模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处..... ...
Bootstrap模态框使用WebUploader点击失效问题解决
Bootstrap模态框使用WebUploader点击失效问题解决参考文章: (1)Bootstrap模态框使用WebUploader点击失效问题解决 (2)https://www.cnblogs. ...
BootStrap 模态框实现刷新网页并关闭
方法与实现 hide.bs.modal,当调用 hide 实例方法时触发. $('#identifier').on('hide.bs.modal', function () { // 执行一些动作.. ...
禁用 Bootstrap 模态框(Modal) 点击空白时自动关闭
在做项目的时候,来了这么一个需求,要求打开模态框后,点击空白的地方不让他自动关闭,只能点击关闭按钮才能关闭. 有了需求,就开始查找资料寻求解决的方法. 我找到的解决方法如下: $('#registCo ...
小解系列-解决WebUploader在谷歌浏览器下弹出框打开慢，在Bootstrap模态框内部多次点击才能触发的问题
小解系列-解决WebUploader在谷歌浏览器下弹出框打开慢,在Bootstrap模态框内部多次点击才能触发的问题参考文章: (1)小解系列-解决WebUploader在谷歌浏览器下弹出框打开慢, ...
bootstrap 模态框的初始化、打开、关闭事件
1.模态框的初始化 //初始化模态框$("#model").modal({//点击背景不关闭backdrop:"static",//触发键盘esc事件时不关闭k ...
Bootstrap模态框遮罩问题
之前,遇到二级模态框问题,一直没解决,今天看了一下,不过我还是选择了简单的解决办法. 问题:一般模态框默认的点击遮罩,就会触发close事件,从而模态框关闭.二级模态框的时候也是如此. 但是我发现在二 ...
前端之bootstrap模态框
简介:模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. Modal简介 Modal实现弹出表单 M ...
Bootstrap 模态框（Modal）
#Bootstrap 模态框(Modal)插件详细讲解 #####第一步: 加载框架: https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jque ...
Bootstrap 模态框（Modal）的属性及方法
用法您可以切换模态框(Modal)插件的隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data- ...

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

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

最新文章

热门文章