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 textarea自动增高并隐藏滚动条
Dec 16 Javascript
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
Jan 17 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 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
ajax缓存问题解决途径
2006/12/06 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
php实现向javascript传递数组的方法
2015/07/27 PHP
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
2018/11/02 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
python获取图片颜色信息的方法
2015/03/18 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
Python 必须了解的5种高级特征
2020/09/10 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
Python实现京东抢秒杀功能
2021/01/25 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
农救科工作职责
2013/11/27 职场文书
团员个人的自我评价
2013/12/02 职场文书
婚礼主持词开场白
2014/03/13 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
青年志愿者活动总结
2014/04/26 职场文书
个性发展自我评价2015
2015/03/09 职场文书
导游词之河北野三坡
2019/12/11 职场文书