首页 > 其他分享 >前端开发记录

前端开发记录

时间:2024-06-05 09:15:35浏览次数:11  
标签:layer false 记录 type 前端开发 equipId open id

1. 解决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;'
    ,content : "url"
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});

此内容转载自:
作者:dongsir
原文链接:https://www.cnblogs.com/sirdong/archive/2019/10/23/11728160.html

layer.open({
type: 2,
title: [equipId + "--" + DeptName + platform_name, 'font-size:20px;color:#1b8cee;font-weight: bold;'],
shade: false,
area: ["80%", "55%"],
//btn: ['处理完毕'],
//closeBtn :0,//隐藏右上角关闭按钮
//time: 600000,//自动关闭时间为10分钟
maxmin: true,
content: "/api/zhanduan/zdbj/videosp5.html?url1=" + url1 + "&url2=" + url2 + "&url3=" + url3 + "&equipId=" + equipId + "&equipIp=" + equipIp,
zIndex: layer.zIndex, //重点1
id: 'LAY_layuipro', //设定一个id,防止重复弹出
success: function (layero) {
layer.setTop(layero); //重点2
},
cancel: function () {
window.top.postMessage('close', '*')
}
});

2.

标签:layer,false,记录,type,前端开发,equipId,open,id
From: https://www.cnblogs.com/sensenh/p/18232209

相关文章

  • bug记录——报了一堆xtr1common和yvals_core.h的错误
    现象        今天使用VisualStdio2022时,突然出现了这样严重的报错,看得我一头雾水,而且无法启动VisualStdio2022的调试。原因    发现NULL没法直接使用时,跟着提示添加了如下的头文件。        #include<cstddef>,是C++标准库的头文件,在C的文件中使......
  • 自宿主web服务器搭建记录
    建立3个项目,分别是类库WebSite、控制台TestWebSite、win服务WinService,目标框架均为.NETFramework4.8.1。其中控制台方便开发调试,win服务作为宿主服务,类库为自定义webservice的主体代码。TestWebSite和WinService引用nuget包 Microsoft.Owin.Host.HttpListener 4.2.2,不然......
  • 记录ILRuntime使用过程中的一些坑
    这是一些网友的文章,仅供参考,还没验证现在的ILRT版本是否还存在:ILRuntime热更方案坑点-那一轮弯月~-博客园(cnblogs.com) 1.在热更工程里使用主工程声明的二维索引器,会出错,目前还没测试是传入的二维坐标变成其他数字,还是返回的时候变成其他,亦或者是中间函数出问题,该BUG......
  • (性能测试)--记录一次高可用场景导致CPU资源升高
    测试场景:高可用场景--限流测试;被测交易:查询类交易,HTTP协议;交易链路:jmeter-web-coimpre(前置服务)--coimbp--cobp(coimbp、coimpre都会访问同一个数据库);注:cobp为合肥机房,其他服务均为北京机房,要注意跨网段存在网络延迟(会导致TPS波动情况);场景配置:配置coimpre服务的......
  • 【ubuntu使用记录】—— 如何使用vim编译器如何写入保存文件和linux常用的操作指令记
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言vim编译器的使用1.写入的操作2.保存的操作常用的系统操作指令1.查看系统配置2.查看库的版本3.基本操作指令4.解压和压缩相关指令(1)安装rar和unrar工具(2)使用前言在Ubuntu中,使用......
  • 数据库初识、介绍、SQL语句的由来(库、表、记录表头、表单)、SQL语句基础(注释以及修
    【一】数据库初识【1】文件存储(1)基于内存保存一开始做员工系统是基于列表或字典(内存)来存储数据(2)文件操作在Python指令中学习文件操作,将一些数据都保存到了本地的文本文件中。因为先前学习了如何搭建TCP的客户端和服务端并且在这之中TCP服务端作为存储服务,TCP客户......
  • 51单片机学习记录-06-LED点阵屏(74HC595移位寄存器)
    1 74HC595是串行输入并行输出的移位寄存器,可用3根线输入串行数据,8根线输出并行数据,多片级联后,可输出16位、24位、32位等,常用于IO口扩展。2 74HC595原理图上升沿移位SERCLK,上升沿锁存RCLK点阵屏MATRIX函数sbitRCK=P3^5; //RCLKsbitSCK=P3^6; //SRCLKsbitSER=P3......
  • 不使用Debezium,记录PostgreSQL中的数据的数据前后变化
    如果不使用Debezium,可以使用触发器(Trigger)来记录PostgreSQL中的数据的变化。触发器是一种特殊的存储过程,当对表执行INSERT、UPDATE或DELETE操作时,会自动执行触发器中的代码。以下是一个简单的示例,展示了如何使用触发器记录数据的变化:1创建一个用于存储变化记录的表:CREATETABL......
  • 记录 anaconda安装labelimg
    前提:已经安装anaconda1、下载labelimg:labelImg:LabelImgisnowpartoftheLabelStudiocommunity.ThepopularimageannotationtoolcreatedbyTzutalinisnolongeractivelybeingdeveloped,butyoucancheckoutLabelStudio,theopensourcedatalabelingtoo......
  • Spring Boot 3.x集成FastDFS记录
    最近在做一个课程,需要用讲一下SpringBoot使用文件上传的功能,选择了FastDFS作为文件存储OSS。SpringBoot是最新的3.3.0版本,JDK版本是17,中间有一些坑,下面记录一下。<parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</......