layui弹出层第一次弹出不居中，第二次才居中的解决方法

最新推荐文章于 2021-06-24 21:00:21 发布

因起名而头秃

最新推荐文章于 2021-06-24 21:00:21 发布

阅读量883

点赞数

本文链接：https://blog.csdn.net/qq_40649432/article/details/108343080

版权

本文介绍如何使用layui框架中的layer模块实现页面加载效果和弹窗功能，通过将layer.open放入layer.ready中，并在ready中加入layer.load，再关闭load，实现页面加载动画与弹窗无缝衔接。

摘要由CSDN通过智能技术生成

代码如下：

	//把 layer.open 放到 layer.ready中，然后在 ready中，加入layer.load，然后关闭load即可。
	layui.use('layer', function() {
        var layer = layui.layer;
        layer.ready(function(){
            var index = layer.load(2);
            layer.open({
                type: 2, //1:展示自己写的html 2：跳转网页
                title: '标题',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['100%', '100%'],
                content: "www.baidu.com?sp_num=" + sp_num, //访问的网址
            });
            layer.close(index);
        })
    });