zoukankan      html  css  js  c++  java
  • Bootstrap Javascript组件,模态框级联open解决方案

    <script type="text/javascript">
        top.global={zIndex:null};
        $("body>div[data-manage]").on('show.bs.modal',function(e){
            let relatedTarget=$(e.relatedTarget);
            if(relatedTarget.attr("data-toggle")=="modal"){
                let targetName=relatedTarget.attr("data-target");
                if(targetName!=null){
                    //设置z-index值
                    if(top.global.zIndex==null){
                        top.global.zIndex = parseInt($(targetName).css("z-index"));
                    }
                    $(targetName).css("z-index",top.global.zIndex++);
                    console.log("count:"+$("div.modal-backdrop").length);
                };
            };
    
        });
    
        $("body>div[data-manage]").on('shown.bs.modal',function(e) {
            let modal_backdrop_first=$("div.modal-backdrop:first");
            modal_backdrop_first.css("display","block");
            $("div.modal-backdrop").not(modal_backdrop_first).css("display","none");
        });
    
    </script>

    只需要更改Jquery的selector选择器就可以使用了

    复制请注明出处,在世界中挣扎的灰太狼
  • 相关阅读:
    ScrollView 字典
    centos 6.x 安装redis
    Linux 添加epel源
    Linux 关于解压
    Linux 删除文件夹
    Linux sz rz
    让div 实现 input效果
    解决js浮点数计算bug
    键盘绑定事件和焦点处理
    npm的镜像替换成淘宝
  • 原文地址:https://www.cnblogs.com/XingXiaoMeng/p/11336896.html
Copyright © 2011-2022 走看看