Bootstrap3多个模态对话框无法显示怎么办

这篇文章主要介绍Bootstrap3 多个模态对话框无法显示怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

10年的涉县网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整涉县建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“涉县网站设计”,“涉县网站推广”以来,每个客户项目都认真落实执行。

效果如下:

第一个,正常弹出的Dialog

Bootstrap3 多个模态对话框无法显示怎么办

第二个无法弹出,只是页面变暗的dialog

Bootstrap3 多个模态对话框无法显示怎么办

而两个dialog的代码是完全一致的,具体的代码如下:

 
  
   
    
    
     × 
    
    
    选择多媒体信息 
    
   
               
          关闭                发布内容          
    
 

针对这个问题,做了一些调试,发现没有任何的JS代码错误,浏览器也没有报错。
最后,仔细想了想,估计是样式套用有冲突,以前也遇到过类似的问题,解决的办法很简单,用DIV将每个dialog的代码片段包裹一下,就能够解决这个问题了。

照着以前的解决办法处理,用DIV包一下,果然问题解决,两个dialog都能够正确弹出。

以上是“Bootstrap3 多个模态对话框无法显示怎么办”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


标题名称:Bootstrap3多个模态对话框无法显示怎么办
文章来源:http://ybzwz.com/article/gdgiso.html

其他资讯