页面元素全屏后,layui 弹窗弹不出来

当地图部分元素全屏时,layui等框架的弹窗其实已经出来了,只是被弹窗默认加载 在body 元素下,导致被全屏元素遮挡住了,解决思路:将弹窗渲染到全屏元素下,而不是 body 下

// 打开弹窗
        layer.open({
            type: 1,
            area: ["50%","60"],
            title: false,
            skin: 'tablePage', //样式类名
            closeBtn: 1, //不显示关闭按钮
            anim: 2,
            shadeClose: true, //开启遮罩
            content: content,
            success: function (layero, index) {
                if (isFullScreen) {// 是否为全屏状态,我是作为参数传到方法内的
                    $("#mapDivBox").append(layero) //mapDivBox 对应改为全屏部分内容即可
                }
            }
        });

页面部分元素全屏的代码,此部分内容为其他人所做,但具体是谁第一次发布不甚清楚

//全屏
function fullScreen(el) {
    var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,
        wscript;

    if(typeof rfs != "undefined" && rfs) {
        rfs.call(el);
        return;
    }

    if(typeof window.ActiveXObject != "undefined") {
        wscript = new ActiveXObject("WScript.Shell");
        if(wscript) {
            wscript.SendKeys("{F11}");
        }
    }
}
//退出全屏
function exitFullScreen(el) {
    var el= document,
        cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
        wscript;

    if (typeof cfs != "undefined" && cfs) {
      cfs.call(el);
      return;
    }

    if (typeof window.ActiveXObject != "undefined") {
        wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {
            wscript.SendKeys("{F11}");
        }
  }
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值