当前位置: 首页 > 编程笔记 >

layui: layer.open加载窗体时出现遮罩层的解决方法

邹俊豪
2023-03-14
本文向大家介绍layui: layer.open加载窗体时出现遮罩层的解决方法,包括了layui: layer.open加载窗体时出现遮罩层的解决方法的使用技巧和注意事项,需要的朋友参考一下

如下所示:

把窗体方法独立出来放在layer.use([],function(){});外面,需要的时候从layer.use方法里面调用,就不会出现遮罩层

layer.use([],function(){
	 $("#添加按钮id").click(function(){
 	 editData("",form,"添加") ;
	 }) ;
});

function editData(data,from,title){
	var win = layer.open({
		 type: 1 //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) 
		 ,title: title //标题
		 ,skin:"" //layui-layer-lan:蓝色,layui-layer-molv:墨绿色,默认灰色
		 ,area: ['550px', '400px'] //宽度、高度
		 ,shade: 0.3
		 ,offset: 'auto'
		 ,anim:1 //弹出动画
		 ,shadeClose: true //弹框出现后,允许点击其它地方关闭
		 ,maxmin: true //允许最大化
		 ,content: $("#dataEdit")  //内容
		 ,btn: ['确定', '取消'] //只是为了演示
	});
}

目前个人遇到的问题解决!

以上这篇layui: layer.open加载窗体时出现遮罩层的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery遮罩层实现方法实例详解(附遮罩层插件),包括了jQuery遮罩层实现方法实例详解(附遮罩层插件)的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考,具体如下: 1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 2 jQuery实现遮罩 3 提示框 遮罩的目

  • 本文向大家介绍Jquery实现遮罩层的方法,包括了Jquery实现遮罩层的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Jquery实现遮罩层的方法。分享给大家供大家参考。具体如下: 1、假设#main为页面body中的最外层Div标签 2、背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS这里就不贴了): 3、在script.js中定义遮罩函数以及弹出窗操作函数,当然scr

  • 介绍 创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。 引入 import { createApp } from 'vue'; import { Overlay } from 'vant'; const app = createApp(); app.use(Overlay); 代码演示 基础用法 <van-button type="primary" text="显示遮罩层" @

  • Mask 遮罩层 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过show参数配置是否显示遮罩 遮罩被点击时,会发送一个click事件,如不需要此事件,请设置mask-click-able参数为false <template> <u-mask :show="show" @click="show = false">

  • 本文向大家介绍jquery实现简单的遮罩层,包括了jquery实现简单的遮罩层的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了jquery遮罩层,包括遮罩层的不同样式实现、mask实现遮罩层等,分享给大家供大家参考,具体内容如下 一、jQuery实现遮罩层的不同样式 1.1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 1.2

  • 本文向大家介绍jQuery实现弹出带遮罩层的居中浮动窗口效果,包括了jQuery实现弹出带遮罩层的居中浮动窗口效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现弹出带遮罩层的居中浮动窗口效果。分享给大家供大家参考,具体如下: 运行效果图如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQu