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

9743人阅读 2019/11/4 11:13 总访问：5037655 评论：0 收藏：2 手机

分类: 前端

代码：

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());
    }
});

效果如下：

欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

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

{{titleitem}} {{titleitem}}

{{titleitem}} {{titleitem}}