A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 三胖的减肥之路 于 2017-12-14 12:43 编辑

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

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

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

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

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

1 个回复

倒序浏览
我来占层楼啊   
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马