码迷,mamicode.com
首页 > 其他好文 > 详细

layer 防止重复弹出的办法

时间:2019-10-23 19:59:05      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:信息   字符   script   同时存在   默认   ring   --   pre   ber   

解决 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,防止重复弹出
});

layer 防止重复弹出的办法

标签:信息   字符   script   同时存在   默认   ring   --   pre   ber   

原文地址:https://www.cnblogs.com/sirdong/p/11728160.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!