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

时间: 2024-10-01 07:11:46

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

BootStrap 模态框禁用空白处点击关闭

模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处..... $('#myModal').modal({backdrop: 'static', keyboard: false}); backdrop:static时,空白处不关闭. keyboard:false时,esc键盘不关闭. 上述代码用以打开模态框

BootStrap 模态框禁用空白处点击关闭[转]

模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处..... $('#myModal').modal({backdrop: 'static', keyboard: false}); ----- backdrop:static时,空白处不关闭. keyboard:false时,esc键盘不关闭. 加入参数,可以屏蔽不必要的关闭

BootStrap 模态框禁用ESC关闭、禁用点击空白处关闭

<!--Edit Model--> <div id="AddProjectModel" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false"> </div> data-keyboard=false,禁用按ESC关闭,data-

Bootstrap模态框使用WebUploader点击失效问题解决

解决 方法一 在上传按钮上监听一个点击事件,如create(),在该函数中重新生成上传按钮 function create(){ uploader.addButton({ id: '#filePicker', innerHTML: '上传' }); } 通过该函数,每次点击上传时重新生成上传按钮,这种方式的弊端是,第一次点击上传按钮总是没反应的,之后再次点击才能弹出文件选择框 方法二 在模态框弹出后再初始化webuploader var uploader; //在点击弹出模态框的时候再初始化We

禁用 BootStrap 模态框(Modal) 点击空白时自动关闭

在做项目的时候,来了这么一个需求,要求打开模态框后,点击空白的地方不让他自动关闭,只能点击关闭按钮才能关闭. 有了需求,就开始查找资料寻求解决的方法. 我找到的解决方法如下: $('#registCompany').modal({backdrop: 'static', keyboard: false}); 参数说明: backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭. keyboard 为 false 时,按下 Esc 键不会关闭 Modal. 就这一行代码解决了我的

关于手动关闭BootStrap模态框

在网上找手动关闭BootStrap模态框的解决方法,说是(需要引用bootstrap.js等): $("#myModal").modal('hide'); 但是我发现我的只能关闭 , 不能关闭下面那半透明层.找了下发现是出现这两行代码的缘故. <div class="modal-backdrop fade in"></div> <div class="modal-backdrop fade in"></d

Bootstrap 模态框 + iframe &gt; 打开子页面 &gt; 数据传输/关闭模态框

父页面bootstrap模态框: <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" > <div class="modal-dialog modal-lg"> &l

Bootstrap模态框按钮

1.触发模态框弹窗的代码 这里复制了一段Bootstrap模态框的代码 <h2>创建模态框(Modal)</h2> <!-- 按钮触发模态框 --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button> <!-- 模态框(Modal) --

去除BOOTSTRAP模态框半透明阴影

当使用bootstrap模态框默认自带半透明阴影,如果想要去除阴影,需要怎么做呢? 今天在项目中我遇到了这个问题,想要去除模态框的阴影,试了好久都没解决.后来问同事的时候才知道,当模态框弹出后,会加上这样一句代码: <div class="modal-backdrop  in"></div> 案例:自带半透明阴影的模态框 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta char