剑轩

layui 弹窗遮罩层把弹窗挡住问题

发表于:2019/11/4 11:13


代码:

layer.open({
    type:1,
    area: ["300px", "300px"],
    content: $("#addvieww")
});

分析代码是因为弹窗里边的内容并没有在遮罩层下面,所以才会出现这种情况

可以看到遮罩层下面根本没有内容,内容是在原来的位置

所以我们可以尝试把遮罩层的内容放进来

layer.open({
    type:1,
    area: ["300px", "300px"],
    content: $("#addvieww"),
    success: function (layero) {
        //把内容放到遮罩层里
        var mask = $(".layui-layer-shade");
        mask.appendTo(layero.parent());
    }
});

效果如下:


关于TNBLOG
TNBLOG,技术分享
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢