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 相关文章推荐
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
Javascript window对象详解
Nov 12 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
js如何验证密码强度
Mar 18 Javascript
Node.js fs模块原理及常见用途
Oct 22 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 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 等比例缩放图片详解及实例代码
2016/09/18 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
PHP使用函数用法详解
2018/09/30 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
jquery checkbox实现单选小例
2013/11/27 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
Python将字典转换为XML的方法
2020/08/01 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
德国PC硬件网站:CASEKING
2016/10/20 全球购物
法国发饰品牌:Alexandre De Paris
2018/12/04 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
夜大毕业生自我评价分享
2013/11/10 职场文书
秋季婚礼证婚词
2014/01/11 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
付款承诺函范文
2015/01/21 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
详解MySQL的内连接和外连接
2023/05/08 MySQL