码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-08-11 22:46:28      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:bootstrap   oba   man   javascrip   ack   ++   oda   sel   console   

<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解决方案

标签:bootstrap   oba   man   javascrip   ack   ++   oda   sel   console   

原文地址:https://www.cnblogs.com/XingXiaoMeng/p/11336896.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!