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 相关文章推荐
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
javascript数组去重方法分析
Dec 15 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
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/07/12 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
vue之延时刷新实例
2019/11/14 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
python def 定义函数,调用函数方式
2020/06/02 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
对python中list的五种查找方法说明
2020/07/13 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
中秋节活动总结
2014/08/29 职场文书
2014年售票员工作总结
2014/11/19 职场文书
赔偿协议书
2015/01/27 职场文书
国庆庆典邀请函
2015/02/02 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
Django实现翻页的示例代码
2021/05/24 Python