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
Cookie 注入是怎样产生的
Apr 08 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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/10/30 PHP
PHP date()格式MySQL中插入datetime方法
2019/01/29 PHP
jquery 防止表单重复提交代码
2010/01/21 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
2016/07/01 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
node.js实现上传文件功能
2019/07/15 Javascript
js实现多张图片每隔一秒切换一张图片
2019/07/29 Javascript
python实现倒计时的示例
2014/02/14 Python
python文件的md5加密方法
2016/04/06 Python
利用Python破解验证码实例详解
2016/12/08 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
服务之星获奖感言
2014/01/21 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
后进生评语大全
2015/01/04 职场文书
总结Python使用过程中的bug
2021/06/18 Python
Python Django项目和应用的创建详解
2021/11/27 Python