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脚本学习 比较实用的基础
Sep 07 Javascript
JavaScript 编程引入命名空间的方法与代码
Aug 13 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
jQuery Raty 一款不错的星级评分插件
Aug 24 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 jQuery
javascript实现计算指定范围内的质数示例
Dec 29 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
JavaScript实现联动菜单特效
Jan 07 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 has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
浅析php header 跳转
2013/06/17 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
python 循环while和for in简单实例
2016/08/16 Python
python list格式数据excel导出方法
2018/10/31 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
简单介绍django提供的加密算法
2019/12/18 Python
Python GUI编程学习笔记之tkinter界面布局显示详解
2020/03/30 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
高中毕业自我鉴定
2013/12/22 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
未婚证明书模板
2014/10/08 职场文书
质量整改报告范文
2014/11/08 职场文书
村干部任职承诺书
2015/01/21 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js