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 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
Dec 05 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
javascript常见操作汇总
Sep 03 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
Easyui Treegrid改变默认图标的方法
Apr 29 Javascript
jquery实现垂直和水平菜单导航栏
Aug 27 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
JS window对象简单操作完整示例
Jan 14 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 access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
jQuery 源码分析笔记
2011/05/25 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
PHP模拟http请求的方法详解
2016/11/09 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
js静态作用域的功能。
2006/12/25 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
javascript构造函数以及原型对象的理解
2017/01/13 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
对python中的logger模块全面讲解
2018/04/28 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
python如何求圆的面积
2020/07/01 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
营销人才自我鉴定范文
2013/12/25 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书