使用弹出层layer.open,第一次永远不能垂直居中,只能在不刷新的状态点第二次才能居中

本文介绍了一种在layui框架中实现层弹窗加载效果的方法。通过将layer组件放入ready函数,并利用load方法创建加载图标,随后打开无标题、无关闭按钮的层弹窗展示图片内容,最后关闭加载图标,实现了平滑的加载过渡效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决方法:
把 layer 放到 ready中,然后在 ready中,加入load,再关闭load即可。

layui.use('layer', function() {
    var layer = layui.layer;
    layer.ready(function(){
    	var index = layer.load(2);
	    layer.open({
	        type: 1,
	        title: false, //不显示标题
	        skin: 'layui-layer-demo', //样式类名
	        closeBtn: 0, //不显示关闭按钮
	        anim: 2,
	        shadeClose: true, //开启遮罩关闭
	        content: '<img style="max-width:260px;" src="' + src + '" />'
	    });
	    layer.close(index);
    })
});

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值