当前位置:首页 > 日记 > 正文

Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法

Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法

上篇我提到的‘多弹窗之叠加显示不出弹窗问题'

这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩.

这个问题从哪来的,是因为modal叠加,我们点击窗口之外的空白部分,一次性关闭所有model,但是modal自己生成的'.modal-backdrop'只关闭了一个,其余的依然存在, 导致阴影遮罩.

这里的解决办法是

1.第一种禁用modal 点击空白自动关闭的功能。

   tempModal.modal({    backdrop:"static"  })

也就是只能点击关闭按钮,一层一层关闭,避免发生多层关闭的问题。

2.第二种在最外层的modal关闭时,手动删除所有遮罩

 $("#tempModal").bind('hide.bs.modal',function(){   $(".modal-backdrop").remove();  })

这里好处是,保留了点击空白自动关闭的功能

以上所述是小编给大家介绍的Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

Photoshop将美女照片打造速写效果

Photoshop将美女照片打造速写效果

速写,效果,美女照片,电脑软件,Photoshop,今天为大家分享Photoshop将美女照片打造速写效果方法,适合新手来学习,只需几步即可完成,好了,下面我们一起来学习吧!步骤:1、首先打开自己的照照,要求图片比较清楚,我选了一张全身的,因为没有清晰度好的头像,…

JavaScript学习笔记之惰性函数示例

JavaScript学习笔记之惰性函数示例

函数,惰性,示例,详解,学习笔记,前言本文主要给大家介绍了关于JavaScript惰性函数的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。需求我们现在需要写一个 foo 函数,这个函数返回首次调用时的 Date 对象,注意是首次…

ps怎么设计圆环放射性的光束效果?

ps怎么设计圆环放射性的光束效果?

圆环,光束,放射性,效果,电脑软件,今天我们就来看看使用ps设计圆环光束效果的过程,很简单,请看下文详细介绍。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、新建ps文件2、背景设置为黑色3、用椭圆工具…

浅谈$_FILES数组为空的原因

浅谈$_FILES数组为空的原因

数组,浅谈,为空,原因,电脑软件,今天做上传的文件时候,打印$_files总是为空,查阅了下资料。发现是 max_file_uploads=0 知道了原因file_uploads = Onupload_max_filesize = 20Mmax_file_uploads = 20以上这篇浅谈$_FILES数组为空的原因就是小…

js中删除数组中的某一元素实例 |

js中删除数组中的某一元素实例 |

删除,下标,元素,组中,实例,1、使用filter数组去重;var arr1 = [1,2,3,4,5,6];//待操作数组var j = 2;//待删除元素var noRepeat = function(arr1,arr2){return arr1.flter(function(e){return arr2.indexOf(e) == -1;})};var arr2 = [];arr2…

excel表格计算优秀及格率的教程

excel表格计算优秀及格率的教程

计算,教程,表格,优秀,及格率,  Excel中的优秀率具体该如何计算呢?下面是由小编分享的excel表格计算优秀及格率的教程,以供大家阅读和学习。excel表格计算优秀及格率的教程计算优秀及格率步骤1:打开EXCEL软件,使用手动创建一些基础数据,如图。…

Photoshop简单制作个性十足的文字

Photoshop简单制作个性十足的文字

文字,人像,海报,简单,个性,作者制作文字人像的方法比较实用。前期需要把人物抠出,并单独把暗部区域选出后填色;然后新建图层,用暗部区域选区添加蒙版;再用定义好的文字笔刷在人像部分刷上文字;最后再润色。最终效果步骤:1、素材拖进ps,ctrl+j复制…

js+html获取系统当前时间

js+html获取系统当前时间

系统,时间,电脑软件,js,html,本文实例为大家分享了html获取系统当前时间的具体代码,供大家参考,具体内容如下<html><head><STYLE>TD {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}</STYLE><script…

Photoshop制作红斑效果的立体字

Photoshop制作红斑效果的立体字

立体字,效果,电脑软件,Photoshop,今天为大家分享Photoshop制作红斑字,教程比较基础,主要是通过图层样式进行操作,推荐到,喜欢的朋友可以参考本文!1、在ps软件中,新建一个800*800的文档,背景色为白色,写上黑色的字体,如图所示2、双击字体的图层样式,调…

怎么在WPS表格中使用颜色筛选WPS表

怎么在WPS表格中使用颜色筛选WPS表

筛选,步骤,表格,颜色,电脑软件,  以往WPS表格功能局限时,只能通过内容筛选,随着使用数据中不断出现的新问题,对WPS表格进行升级创新,满足工作需要,而拓展增加颜色筛选功能就是其中之一,使得统计数据时极为方便,下面小编就教你怎么在WPS表格中使…

Excel怎么隔多行插入一行Excel隔多

Excel怎么隔多行插入一行Excel隔多

步骤,方法,电脑软件,Excel,隔多行,  工作中我们常常需要在Excel表格中隔多行插入一个空行,手动操作费时费事还容易出错,现在小编就来教你一种简便的方法。Excel隔多行插入一行的步骤打开需要修改的Excel表格Excel隔多行插入一行的步骤图1 …

jQuery判断网页是否已经滚动到浏览

jQuery判断网页是否已经滚动到浏览

网页,方法,浏览器,电脑软件,jQuery,有些需求中,需要当用户滚动到浏览器底部的时候,再加载新的内容。笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。在了解下面的知识点之前,笔者这里先介绍几个概念。$(window).height(); …