Bootstrapmodal多弹窗之叠加引起的滚动条遮罩阴影问题-古蔺大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

Bootstrapmodal多弹窗之叠加引起的滚动条遮罩阴影问题

上篇提到的' Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题'

成都创新互联公司专注于企业全网营销推广、网站重做改版、凤冈网站定制设计、自适应品牌网站建设、HTML5、商城开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为凤冈等各大城市提供网站开发制作服务。

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

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

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


     
     
      
      
      Map Features
      
      
      
       
         .....
         
        
         
     
     
      
       
      Map Features
      
       
      ...
第二个窗口是在click事件中，弹出，在第一个modal层上出现。这里，我们可以在common.js中写如下代码:
$('#click_demo').live('click', function(e) {
 $("#body").append("");
 $("#body").children().last().append($(this).next().html());
 $("#body").children().last().modal();
});
$("#click_demo").live('hidden.bs.modal',function(){
 $("#body").children().last().remove();
})
click代码：

 

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

                                                本文名称：Bootstrapmodal多弹窗之叠加引起的滚动条遮罩阴影问题                                                

                                                标题路径：http://scgulin.cn/article/gdgghg.html
                                            
                                            
                                                
                                                    其他资讯
                                                
                                                
                                                    
                                                        
                                                                C语言之共用体
                                                            

                                                                AI大规模商业化才是拯救百度市值的唯一核武器？
                                                            

                                                                redis除了缓存数据还能做什么
                                                            

                                                                Linux下怎么使用cp命令复制文件及复制目录
                                                            

                                                                jQuery旋转轮播式插件CarouFredSel的用法
                                                            
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                
            
        
    




    
        
            
                
                    
                        
                            
                                
                            
                            
                                
                                    快速导航
                                    
                                        天泽尚品装饰
马边网站建设
复盛机电设备安装
眉山网站建设
网站推广公司
软文营销
响应式建站
                                    
                                
                            
                        
                    
                    
                        
                            
                                友情链接
                                
                                    网站制作
                                    网站建设
                                    网络推广
                                    网站推广
                                    小程序开发
                                    网站导航
                                
                                网站建设
                                
                                    古蔺大橙子建站
                                    网站导航
                                
                            
                        
                    
                    
                        
                            
                                联系方式
                                
                                    企业：青羊区大橙子信息咨询工作室
                                    地址：成都市青羊区太升南路288号
                                    电话：18980820575
                                    网址：www.scgulin.cn
                                
                            
                        
                    
                
            
            
                公司名称：青羊区大橙子信息咨询工作室   联系电话：18980820575
                网站备案号：蜀ICP备2022028542号-27
                古蔺大橙子建站 古蔺网站建设 古蔺网站设计 古蔺网站制作 成都做网站