layui 如何动态加载局部页面_Web前端教程：layui弹层同时存在多个的解决方法

Web前端开发教程,前端开发基础

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)，这使得您可以制作太多您需要的风格，尤其是页面层模式。

以上就是酷仔今日整理的“Web前端教程：layui弹层同时存在多个的解决方法”一文，希望为正在学习Web前端的同学提供学习参考。