layui如何存在多个弹窗_web前端：layer重复弹出(layui弹层同时存在多个)的解决方法...

layer，一个可以让你想到即可做到的web弹窗(层)解决方案(js组件)，作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义，为不同人的使用习惯提供动力。其意义在于，可以让您的页面拥有更丰富与便捷的操作体验，而您只需在调用时简单地配置相关参数，即可轻松实现。

解决layui弹出层点击多次弹出问题

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

一、type-基本层类型

类型：Number，默认：0layer提供了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公开了如此多的接口(api)，这使得您可以DIY太多您需要的风格，尤其是页面层模式，意味着必要时您可以完全抛弃layer的现有皮肤，并用你的思维去勾勒她的衣着。而问题在于，我必须中止"王婆卖瓜"的陈述。因为一切的不足或友好，都需要您在使用过程中去发现。