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 相关文章推荐
Cookie 注入是怎样产生的
Apr 08 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery随机密码生成的方法
Mar 09 Javascript
javascript操作表格排序实例分析
May 06 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
使用FormData实现上传多个文件
Dec 04 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实现无限级分类实现代码(递归方法)
2011/01/01 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
php file_get_contents取文件中数组元素的方法
2017/04/01 PHP
PHP cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
javascript document.referrer 用法
2009/04/30 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
React优化子组件render的使用
2019/05/12 Javascript
Python标准库defaultdict模块使用示例
2015/04/28 Python
详解Python中的正则表达式
2018/07/08 Python
详解python播放音频的三种方法
2019/09/23 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
Michael Kors英国官网:美国奢侈品品牌
2019/11/13 全球购物
电子商务专员岗位职责
2013/12/11 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
暑期实践个人总结
2015/03/06 职场文书
网络销售员岗位职责
2015/04/11 职场文书
三十年同学聚会致辞
2015/07/28 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书
XX部保密工作制度范本
2019/08/27 职场文书