解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)
问题解决
转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532
本人遇到问题:使用layer.open()弹出页面层,出现弹框闪跳以下就消失,检查代码无误后在网上发现大神的解析,醍醐灌顶,问题已解决。原文如下:
在页面中,layer的弹出框,不管是layer.alert,还是layer.msg等等,都会出现一闪而过的问题,研究发现,总结如下
原因一:
在页面中使用了form表单,把button按钮放在了form中,在这种情况下,如果没有指定button标签的type属性的话,默认会是submit,所以出现了一闪而过的现象
解决方法:
在button中需要指定type为button
目前在写layui的项目,遇到了挺多问题,后面会陆续总结出来,给同在开发layui项目的大家填一些坑
结尾
我是圆圆,如果我的文章对你的学习成长有所帮助,欢迎 点 赞
解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)相关推荐
- layui弹出层弹出另一个页面
layer.open({type: 2,skin: 'layui-layer-demo', //样式类名title: '标题',closeBtn: 0, //不显示关闭按钮anim: 2,area: ...
- 前端ui框架layui——layer弹出层-弹出框方法
----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法 基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...
- layui之layer各种弹出层
layui提供了页面弹出层组件layer,能够满足用户的各种需求,它不仅可以作为独立组件使用也可以在layui模块化中使用. layer弹出层分类 layer弹出层有5种,使用type配置参数来指定分 ...
- layui两个html传值,Layui(二级页面) 弹出层打开页面|传递参数
一级弹出层:弹出打开页面 layer.open({ type: 2, title: '添加用户', content: '../user/goAdd', area: ['460px', '450px'] ...
- layui中实现弹出层的确定与取消操作
实现弹出层的确定与取消操作的两种方式 一.利用content中用元素生成的确定与取消按钮 <div id="wrapper"><button type=" ...
- layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。
将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) {layer.open ...
- 【position也可以很复杂】当弹出层遇上了鼠标定位(下)
前言 接着昨天的内容写,为了保证内容连续性,这里还是把昨天的内容拷了过来. 请用现代浏览器测试 引出问题 有图有真相,我们来看一个智联招聘里面经常出现的图层: 他这个是没有什么问题的,我们来简单看看其 ...
- 【position也可以很复杂】当弹出层遇上了鼠标定位(上)
前言 周五时同事有一个关于弹出层的问题没有解决,但是面临下班问题,我有点不舒服,便叫回去周六过来解决,但是上周六病了,所以请了个假,于是故事发生啦.... 今天上班时候,组员们卡到了那个地方,然后结果 ...
- layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数
1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...
- uniapp中使用弹出层
uniapp中使用弹出层 因为业务的需要,需要弹出一个复选框, 使用uniapp中自带的框架 使用: 第一步:下载下示例项目,找到主要的文件夹 第二步:将该文件夹放到组件的地方 第三步:使用 1· 2 ...
最新文章
- spring源码学习一
- 【MM配置】评估和账户确定(Valuation Account Determination) - 1
- C语言二叉搜索树返回key的树级(附完整源码)
- c语言 温探程序,学习第二天,再探C语言
- $.post请求的参数在后台代码中得到为null_vue中Axios的封装和API接口的管理
- 什么从什么写短句_2020抖音文案短句:爱情、励志、伤感合集,值得收藏!
- 【程序员自救指南】中关村保洁大叔的一句话竟然帮我转正了
- 2月20日 阻尼牛顿法,拟牛顿法(Quasi-Newton Methods)及各种具体实现方法,共轭梯度法(Conjugate Gradient)
- 支付中心设计与方案,收藏了
- 记12306货运系统“抢订空车”插件的编写--chrome插件各部分的交互
- 深度卷积神经网络最新进展综述
- 【Android 第三方SDK】breakpad在linux下编译
- 网络互联设备:中继器、交换机、网桥、路由器和网关
- 多搜- 多个网站一起搜(舆情监控版)
- 电子电路笔记----基本放大电路--半导体三极管
- 如何让文字下划线border-bottom和文字的长度一致
- blackbox_exporter端口及网络监控
- mock详细教程入门这一篇就够了(*)
- 入木三分学网络第一篇--VRRP协议详解-----(1)
- 创意文案的撰写是炮制金句的过程
热门文章
- 利用百分位数确定考核指标的具体数字
- CentOS 使用ifconfig没有显示ip
- CCFL的完整形式是什么?
- LED、LCD背光源、CCFL
- 【推荐】2015年5月~2016年7月开源云计算应用程序排行榜
- 小米5 android版本,小米 5 迎来 MIUI9.6.1.0 稳定版更新,将升级安卓 8.0 支持 LDAC
- OA系统十七:请假申请三:【请假申请】这个内嵌界面中【提交请假表单数据】的Service层;(PS:在EmployeeDao中初次遇到@Param()参数设置)
- 从根儿上理解虚拟内存
- 计算机音乐谱夜空中最亮的星歌词,夜空中最亮的星歌谱及歌词
- GitHub 前 CTO:全面微服务是最大的架构错误!网友:这不是刚改完吗...