黑马程序员技术交流社区

标题: 【石家庄校区】BootStrap多重弹窗问题 [打印本页]

---

作者: 三胖的减肥之路    时间: 2017-12-14 11:54
标题: 【石家庄校区】BootStrap多重弹窗问题


BootStrap一般情况下，我们只需要做一个模态框进行操作即可，但是有的时候需求就是这样要求有两层弹窗，我们怎么解决呢？

方式一 直接还按照原来的方式使用模态框，不过会有一定的问题
        问题一  可能发生闪退问题
        问题二  新弹窗的位置可能在旧弹窗下面
        问题三  旧弹窗太大导致看不到全部内容，或者下面按钮无法点击

        针对上述问题 我们来说一下解决方式

        问题一的解决方式   
           检查所有的js文件或者自己写的js调用是否有重复使用或者冲突问题，保证不要出现多个js代码操作同一个模态框出现冲突
        问题二的解决方式
            这个时候有两种解决方式
             1、新弹窗写在旧弹窗之后即可
             2、设置 z-index属性的值 让新弹窗在旧弹窗之上
        问题三的解决方式
             设置模态框滚动条即可

方式二  使用jquery来进行自定义的弹窗设置，此方法需要对前端足够熟悉，或者使用其他的插件进行操作(我们就不细说了)

---

作者: Yin灬Yan    时间: 2017-12-14 11:59
我来占层楼啊   

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2