web前端：layer重复弹出(layui弹层同时存在多个)的解决方法

作者:sirdong 更新于： 2020-03-05 21:34:09

　　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的现有皮肤，并用你的思维去勾勒她的衣着。而问题在于，我必须中止"王婆卖瓜"的陈述。因为一切的不足或友好，都需要您在使用过程中去发现。