下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:sirdong     来源: https://www.cnblogs.com/sirdong/p/11728160.html点击数:3591发布时间: 2020-03-09 09:58:46

标签: apiweblayer

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

赞(13)
踩(3)
分享到:
华为认证网络工程师 HCIE直播课视频教程