全国咨询热线:18720358503

图片取字小程序_Bootstrap modal 多弹窗之叠加引起的

类别:行业新闻 发布时间:2021-01-12 浏览人次:

Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题       这篇文章主要介绍了 Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题,需要的朋友可以参考下

 上篇提到的'

我总结了下,对于modal多窗口叠加引起的遮罩,滚动条,无法弹出窗口的问题,查看源代码,我总结了一种方法可以一次性解决所有这些问题,而不影响原有modal功能,并且实现了多窗口叠加。

对于多窗口,如果我们将第二个,乃至第三个,第四个modal的根节点,移植到body下面,就不会出现了以上问题。
具体该如何操作,请看以下代码:

通常我们遇到多弹窗的问题,是出现在modal套modal中,也就是:

 div id='modal_demo' 
 div 
 div 
 div 
 button id='feature-mapping-dialog-form_close_button' type='button' x /button 
 h4 Map Features /h4 
 /div 
 div 
 div 
 table 
 .....
 div id='modal_demo' 
 div 
 div 
 div 
 button id='feature-mapping-dialog-form_close_button' type='button' x /button 
 h4 Map Features /h4 
 /div 
 div 
 ...

第二个窗口是在click事件中,弹出,在第一个modal层上出现。mon.js中写如下代码:

$('#click_demo').live('click', function(e) {
 $("#body").append(" div id='model_dialog'/ 
 $("#());
 $("#body").children().last().modal();
$("#click_demo").live('hidden.bs.modal',function(){
 $("#body").children().last().remove();
})

click代码:

 div id="click_demo", , 
 img alt='click details' src="/icons/demo.png" title="click to details" 
 div id='modal_demo' 
 div 
 div 
 div 
 button id='feature-mapping-dialog-form_close_button' type='button' x /button 

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


推荐阅读

图片取字小程序_Bootstrap modal 多弹窗之叠加引起的

Bootstrap modal 多弹出窗口之累加造成的翻转条蒙版黑影难题 本文关键详细介绍了 Bootstrap modal 多弹出窗口之累加造成的翻转条蒙版黑影难题,必须的朋友能够参照下 上篇提及的' 我小...

2021-01-12
分销微信小程序开发_深化了解在JS中通过四种设

深层次了解在JS中通快递过四种设定恶性事件解决程序的方式 全部的JavaScript恶性事件解决程序的功效域是在其界定时的功效域并非启用时的功效域中实行,而且他们能存储哪个功效...

2021-01-12
怎么创建微信小程序_jQuery在header中设置请求信息

jQuery在header中设定恳求信息内容的方式 本文关键详细介绍了jQuery在header中设定恳求信息内容的方式,十分非常好,具备参照效仿使用价值,必须的朋友能够参照下 jquery是js的类库,...

2021-01-12
北京网站建设公司如何使用移动优先设计原则

在将来全世界70%的客户变成智能化手机上客户,如今全世界互连网流量的51%来源于移动终端。针对客户来讲,它是一种当然的发展,但针对北京市企业网站建设企业设计方案师来讲,...

2021-01-12
网站做谷歌和百度优化排名会抵触吗

网站做Google和百度搜索提升排行会排斥吗:为何广州市企业网站建设的Google和百度搜索排行会相距那麼大呢?网站做百度搜索和Google提升会互相排斥吗?看到过许多网站站长和seo工作人...

2021-01-12
微信公众号码自动自吸干货!

接下去,我觉得共享一下这类线上挣钱新项目方式,它能够彻底颠复传统式的吸引住粉絲的方法。到底是谁这类方式,SEO提升,一切人都可以以在10分鐘内学习培训,而且在营销推广以后...

2021-01-12
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信