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

    复制请注明出处,在世界中挣扎的灰太狼
  • 相关阅读:
    python chr()、unichr()和ord()
    串的重复
    HDOJ 1465 不容易系列之一
    HDOJ 2050 折线分割平面
    最小距离
    HDOJ 2013 蟠桃记
    三进制转十进制
    数组转置
    蔬菜价格
    扑克牌移动
  • 原文地址:https://www.cnblogs.com/XingXiaoMeng/p/11336896.html
Copyright © 2011-2022 走看看