Bootstrap Javascript组件,模态框级联open解决方案

Posted xingxiaomeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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选择器就可以使用了

以上是关于Bootstrap Javascript组件,模态框级联open解决方案的主要内容,如果未能解决你的问题,请参考以下文章