本帖最后由 三胖的减肥之路 于 2017-12-14 12:43 编辑
BootStrap一般情况下,我们只需要做一个模态框进行操作即可,但是有的时候需求就是这样要求有两层弹窗,我们怎么解决呢?
方式一 直接还按照原来的方式使用模态框,不过会有一定的问题
问题一 可能发生闪退问题
问题二 新弹窗的位置可能在旧弹窗下面
问题三 旧弹窗太大导致看不到全部内容,或者下面按钮无法点击
针对上述问题 我们来说一下解决方式
问题一的解决方式
检查所有的js文件或者自己写的js调用是否有重复使用或者冲突问题,保证不要出现多个js代码操作同一个模态框出现冲突
问题二的解决方式
这个时候有两种解决方式
1、新弹窗写在旧弹窗之后即可
2、设置 z-index属性的值 让新弹窗在旧弹窗之上
问题三的解决方式
设置模态框滚动条即可
方式二 使用jquery来进行自定义的弹窗设置,此方法需要对前端足够熟悉,或者使用其他的插件进行操作(我们就不细说了)
|
|