问题解决

转载: 原文链接: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 弹出层(弹框)一闪而过就消失的问题 (转载)相关推荐

  1. layui弹出层弹出另一个页面

    layer.open({type: 2,skin: 'layui-layer-demo', //样式类名title: '标题',closeBtn: 0, //不显示关闭按钮anim: 2,area: ...

  2. 前端ui框架layui——layer弹出层-弹出框方法

    ----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法 基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...

  3. layui之layer各种弹出层

    layui提供了页面弹出层组件layer,能够满足用户的各种需求,它不仅可以作为独立组件使用也可以在layui模块化中使用. layer弹出层分类 layer弹出层有5种,使用type配置参数来指定分 ...

  4. layui两个html传值,Layui(二级页面) 弹出层打开页面|传递参数

    一级弹出层:弹出打开页面 layer.open({ type: 2, title: '添加用户', content: '../user/goAdd', area: ['460px', '450px'] ...

  5. layui中实现弹出层的确定与取消操作

    实现弹出层的确定与取消操作的两种方式 一.利用content中用元素生成的确定与取消按钮 <div id="wrapper"><button type=" ...

  6. layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。

    将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) {layer.open ...

  7. 【position也可以很复杂】当弹出层遇上了鼠标定位(下)

    前言 接着昨天的内容写,为了保证内容连续性,这里还是把昨天的内容拷了过来. 请用现代浏览器测试 引出问题 有图有真相,我们来看一个智联招聘里面经常出现的图层: 他这个是没有什么问题的,我们来简单看看其 ...

  8. 【position也可以很复杂】当弹出层遇上了鼠标定位(上)

    前言 周五时同事有一个关于弹出层的问题没有解决,但是面临下班问题,我有点不舒服,便叫回去周六过来解决,但是上周六病了,所以请了个假,于是故事发生啦.... 今天上班时候,组员们卡到了那个地方,然后结果 ...

  9. layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数

    1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...

  10. uniapp中使用弹出层

    uniapp中使用弹出层 因为业务的需要,需要弹出一个复选框, 使用uniapp中自带的框架 使用: 第一步:下载下示例项目,找到主要的文件夹 第二步:将该文件夹放到组件的地方 第三步:使用 1· 2 ...

最新文章

  1. spring源码学习一
  2. 【MM配置】评估和账户确定(Valuation Account Determination) - 1
  3. C语言二叉搜索树返回key的树级(附完整源码)
  4. c语言 温探程序,学习第二天,再探C语言
  5. $.post请求的参数在后台代码中得到为null_vue中Axios的封装和API接口的管理
  6. 什么从什么写短句_2020抖音文案短句:爱情、励志、伤感合集,值得收藏!
  7. 【程序员自救指南】中关村保洁大叔的一句话竟然帮我转正了
  8. 2月20日 阻尼牛顿法,拟牛顿法(Quasi-Newton Methods)及各种具体实现方法,共轭梯度法(Conjugate Gradient)
  9. 支付中心设计与方案,收藏了
  10. 记12306货运系统“抢订空车”插件的编写--chrome插件各部分的交互
  11. 深度卷积神经网络最新进展综述
  12. 【Android 第三方SDK】breakpad在linux下编译
  13. 网络互联设备:中继器、交换机、网桥、路由器和网关
  14. 多搜- 多个网站一起搜(舆情监控版)
  15. 电子电路笔记----基本放大电路--半导体三极管
  16. 如何让文字下划线border-bottom和文字的长度一致
  17. blackbox_exporter端口及网络监控
  18. mock详细教程入门这一篇就够了(*)
  19. 入木三分学网络第一篇--VRRP协议详解-----(1)
  20. 创意文案的撰写是炮制金句的过程

热门文章

  1. 利用百分位数确定考核指标的具体数字
  2. CentOS 使用ifconfig没有显示ip
  3. CCFL的完整形式是什么?
  4. LED、LCD背光源、CCFL
  5. 【推荐】2015年5月~2016年7月开源云计算应用程序排行榜
  6. 小米5 android版本,小米 5 迎来 MIUI9.6.1.0 稳定版更新,将升级安卓 8.0 支持 LDAC
  7. OA系统十七:请假申请三:【请假申请】这个内嵌界面中【提交请假表单数据】的Service层;(PS:在EmployeeDao中初次遇到@Param()参数设置)
  8. 从根儿上理解虚拟内存
  9. 计算机音乐谱夜空中最亮的星歌词,夜空中最亮的星歌谱及歌词
  10. GitHub 前 CTO:全面微服务是最大的架构错误!网友:这不是刚改完吗...