如何解决layui弹出层闪退的问题

问题：

今天用layui的弹出层插件，发现绑定弹出层到按钮，打开弹窗会闪退。

原因：在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层会闪退！

解决办法：

方法一：将button标签换成其他的标签，如span就不会出现闪退问题了；

方法二：给button指明类型:type = “button”，因为在form表单中的button默认type = “submit”，改为button就没有表单的默认事件了。

扩展：

layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

layui 提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，其中包括:layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

方法三：
听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；

<button class="layui-btn" lay-submit lay-filter="test" οnclick="return false;">立即提交</button>

js：

 //监听提交form.on('submit(test)', function(data) {console.log(data.field);layer.confirm("确认要提交吗?", {title: "单位新增",yes:function () {layer.msg("yes");}})

如何解决layui弹出层闪退的问题相关推荐

layui弹出层闪退，layer弹出层闪退，layer弹出层坑
这两天用layui的弹出层插件,发现两奇怪的问题: 1.弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层 2.绑定弹出层到按钮,打开弹窗闪退后面发现真如参考博文所说 ...
Layer弹出层闪退
使用layui踩过的1.2.3.4.5.6.7.8.9--次坑问题: 将Layui的数据表格放到from表单中,数据表格中的按钮(弹出弹出层)点击后弹出层闪退 ... 分析: 一开始以为Layui的 ...
layer弹出层闪退_jQuery使用Layer弹出层插件闪退问题
一.前言巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了.说多都是泪,记录下来,以后有人遇到这个错误可以参考下做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后 ...
layer弹出层闪退_关于layui 弹出层一闪而过就消失的解决方法
关于layui 弹出层一闪而过就消失的解决方法听说是因为 JQuery 的版本冲突问题,在找到具体问题之前,先在代码里加一个 return false 解决问题: 立即提交 js: //监听提交 f ...
layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...
解决 layui 弹出层（弹框）一闪而过就消失的问题（转载）
问题解决转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层, ...
layui弹出层之应用实例讲解
从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层. layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示 ...
模拟layui弹出层
以前觉得自己手写一个类似layui的弹出层是挺遥远的事,因为完全没有头绪,即便在layui官网知道layui使用的都是C3动画之前试过控制width:0;height:0来做动画,结果惨不忍睹,直到 ...
layui弹出层之layer.open弹出iframe窗口·
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 [1]该功能为案例,弹出iframe窗口显示上传数据由于layui的弹出层每次执行layer. ...

如何解决layui弹出层闪退的问题

如何解决layui弹出层闪退的问题相关推荐

最新文章

热门文章