layui中使用layer加载层,第一次默认360px,解决方法

layui中使用layer加载层,第一次默认360px,后面再点击就会正常,查了文档,如下:

由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,你最好是将弹层放入ready方法中

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值