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实现禁止后退的方法
Dec 27 Javascript
帮助避免错误的Javascript陷阱清单
May 31 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
JS实现上下左右对称的九九乘法表
Feb 22 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 Javascript
jquery把int类型转换成字符串类型的方法
Oct 07 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
Jun 25 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
JavaScript正则表达式函数总结(常用)
Feb 22 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
js实现飞机大战游戏
Aug 26 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中的cookie不用刷新就生效的方法
2012/02/04 PHP
jQuery 入门讲解1
2009/04/15 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
深入讲解Java编程中类的生命周期
2016/02/05 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
Python语法分析之字符串格式化
2019/06/13 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
大学运动会通讯稿
2014/01/28 职场文书
感恩节活动策划方案
2014/05/16 职场文书
公司年会策划方案
2014/05/17 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
python实现高效的遗传算法
2021/04/07 Python
解决SpringBoot文件上传临时目录找不到的问题
2021/07/01 Java/Android
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript
Go语言入门exec的基本使用
2022/05/20 Golang