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

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

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

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

一、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,防止重复弹出

});

相关文章
|
3月前
解决点击button按钮会刷新页面的问题
解决点击button按钮会刷新页面的问题
22 0
|
5月前
layui 框架弹出一个界面弹框
layui 框架弹出一个界面弹框
30 0
|
JavaScript 前端开发
layui实现点击按钮全屏
layui实现点击按钮全屏
373 0
|
3月前
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击div显示下拉框,然后下拉框中的点击事件不生效。
|
4月前
|
JavaScript 前端开发 Java
layui选项卡的实现
layui选项卡的实现
40 0
|
5月前
|
前端开发 JavaScript Java
Layui的选项卡及菜单
Layui的选项卡及菜单
81 0
|
5月前
|
JavaScript
jQuery点击按钮,生成input输入框
jQuery点击按钮,生成input输入框
31 0
|
5月前
layui图标大全
layui图标大全
|
6月前
|
数据可视化 前端开发 Java
LayUI选项卡的使用
LayUI选项卡的使用
41 0
|
6月前
|
JavaScript 前端开发
11EasyUI 菜单与按钮- 创建菜单按钮(Menu Button)
11EasyUI 菜单与按钮- 创建菜单按钮(Menu Button)
22 0

热门文章

最新文章