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利用div背景,做一个竖线的效果。
Nov 22 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
JavaScript中合并数组的N种方法
Sep 16 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
Oct 09 Javascript
JavaScript html5 canvas绘制时钟效果
Mar 01 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
深入浅析vue组件间事件传递
Dec 29 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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创建PDF中文文档
2006/10/09 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
python中执行shell命令的几个方法小结
2014/09/18 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
python config文件的读写操作示例
2019/09/27 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
店长职务说明书
2014/02/04 职场文书
数学高效课堂实施方案
2014/03/29 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
中国世界遗产导游词
2015/02/13 职场文书
党员转正介绍人意见
2015/06/03 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis