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实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
JQUERY 浏览器判断实现函数
Aug 20 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
Angular2安装angular-cli
May 21 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 Javascript
解决Vue动态加载本地图片问题
Oct 09 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中养成7个面向对象的好习惯
2010/01/28 PHP
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
php权重计算方法代码分享
2014/01/09 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
javascript parseInt 大改造
2009/09/27 Javascript
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
2011/07/26 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
利用谷歌地图API获取点与点的距离的js代码
2012/10/11 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
第一次接触神奇的Bootstrap菜单和导航
2016/08/01 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
使用Kivy将python程序打包为apk文件
2017/07/29 Python
selenium+python设置爬虫代理IP的方法
2018/11/29 Python
Python制作exe文件简单流程
2019/01/24 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
婚礼答谢宴主持词
2014/03/14 职场文书
《悯农》教学反思
2014/04/28 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
回门宴新娘答谢词
2015/09/29 职场文书