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


Posted in Javascript onSeptember 26, 2019

如下所示:

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加载窗体时出现遮罩层的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js传值 判断
Oct 26 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
layui的table中显示图片方法
Aug 17 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 #Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 #Javascript
Vue 刷新当前路由的实现代码
Sep 26 #Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 #Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 #Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 #Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 #Javascript
You might like
php循环输出数据库内容的代码
2008/05/24 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
判断对象是否Window的实现代码
2012/01/10 Javascript
js确定对象类型方法
2012/03/30 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
Javascript动画效果(4)
2016/10/11 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
详解python单例模式与metaclass
2016/01/15 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
python Tkinter版学生管理系统
2019/02/20 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
python设置随机种子实例讲解
2019/09/12 Python
python中Lambda表达式详解
2019/11/20 Python
Django ORM filter() 的运用详解
2020/05/14 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
简易版租房协议书范本
2014/10/13 职场文书
人事聘任通知
2015/04/21 职场文书
返乡农民工证明
2015/06/24 职场文书
班级班风口号大全
2015/12/25 职场文书
使用CSS实现音波加载效果
2023/05/07 HTML / CSS