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选择器就可以使用了

    复制请注明出处,在世界中挣扎的灰太狼
  • 相关阅读:
    三角形的个数
    Nightmare(搜索)
    Prime Ring Problem(搜索)
    Safecracker(搜索)
    丑数
    八皇后问题(回溯法)
    Dijkstra
    floyd详解
    继续畅通工程(kruskal prim)
    畅通工程
  • 原文地址:https://www.cnblogs.com/XingXiaoMeng/p/11336896.html
Copyright © 2011-2022 走看看