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树形控件脚本代码
Jul 24 Javascript
JavaScript 数组循环引起的思考
Jan 01 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
详解react-router如何实现按需加载
Jun 15 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
Aug 19 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
在vscode里使用.vue代码模板的方法
Apr 28 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
mock.js实现模拟生成假数据功能示例
Jan 15 Javascript
JavaScript中变量提升机制示例详解
Dec 27 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 Ajax中文乱码问题解决方法
2009/02/27 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
用unescape反编码得出汉字示例
2014/04/24 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
pandas string转dataframe的方法
2018/04/11 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
python 进程的几种创建方式详解
2019/08/29 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
小学生优秀评语大全
2014/04/22 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
政风行风整改报告
2014/11/06 职场文书
搞笑老公保证书
2015/02/26 职场文书