layui弹层同时弹出多个(layer 重复弹出)

layer.open() 同时存在多个,解决 layui 弹层 layer 组件(重复弹出)同时存在多个页面层(iframe)的问题;

这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

一、type - 基本层类型

类型:Number,默认:0

layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1}) 方式调用,则 type为必填项(信息框除外)

二、id - 用于控制弹层唯一标识

类型:String,默认:空字符

设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式

当 layer 弹层同时出现多个时,设置一个 ID 即可解决此问题。

示例:

layer.open({
    type: 1
    ,title: false //不显示标题栏
    ,closeBtn: false
    ,area: '300px;'
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});
发布了77 篇原创文章 · 获赞 116 · 访问量 21万+

猜你喜欢

转载自blog.csdn.net/qq6759/article/details/102708569