Layer弹出层闪退

关于layui 弹出层一闪而过就消失的解决方法 今天小编就为大家分享一篇关于layui 弹出层一闪而过就消失的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 立即下载

使用layui踩过的1、2、3、4、5、6、7、8、9……次坑

问题:
  • 将Layui的数据表格放到from表单中,数据表格中的按钮(弹出弹出层)点击后弹出层闪退 。。。
分析:
  • 一开始以为Layui的数据表格可能和form表单有冲突,或者弹出层哪里设置不对,但是仔细检查发现没有写错,抱着试试的心态将数据表格和从前一样放到form表单的外面,发现居然可以用了!
  • 后来发现原来我复制过来数据表格的代码中使用的是<button></button>标签(之前form和数据表格是分离的),点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退……
解决方法:
  • 将数据表格中的<button></button>标签全部换成<a></a>标签
  • 修改先
    <form class="layui-form layui-form-pane" action="">
    	<div class="layui-form-item">
    		<div class="layui-inline">
    			<!-- xxxxxxxxxx -->
    		</div>
    		<div class="layui-inline">
    			<!-- xxxxxxxxxx -->
    		</div>
    			
    		<!--layui数据表格-->
    		<table class="layui-hide" id="teamTableId" lay-filter="teamTableFilter"></table>
    		
    		<div class="layui-inline">
    			<!-- xxxxxxxxxx -->
    		</div>
    		<div class="layui-form-item" style="position: relative; left: 498px;">
    			<button class="layui-btn" lay-submit="" lay-filter="form">提交</button>
    			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
    		</div>
    	</div>
    </form>
    <!--表格头部-->
    <script type="text/html" id="tablebar">
    	<div class="layui-btn-group layui-inline">
    		<button id="addstudent" class="layui-btn layui-btn-normal data-add-btn" data-method="addstudent">添加</button >
    	</div>
    </script>
    <!--自定义的列模板-->
    <script type="text/html" id="currentTableBar">
    	<button class="layui-btn layui-btn-xs data-count-edit" data-method="modifystudent" lay-event="edit"><修改</button >
    	<button class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</button >
    </script>
    
  • 修改后
    <!-- xxxxxxxxxx -->
    
    <!--表格头部-->
    <script type="text/html" id="tablebar">
    	<div class="layui-btn-group layui-inline">
    		<a id="addstudent" class="layui-btn layui-btn-normal data-add-btn" data-method="addstudent">添加</a>
    	</div>
    </script>
    <!--自定义的列模板-->
    <script type="text/html" id="currentTableBar">
    	<a class="layui-btn layui-btn-xs data-count-edit" data-method="modifystudent" lay-event="edit"><修改</a>
    	<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
    </script>
    
jQuery使用Layer弹出层插件闪退问题 一、前言 巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了。说多都是泪,记录下来,以后有人遇到这个错误可以参考下 做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同样放在form表单下。想要的效果就是当我点击按钮的时候,就弹出层。(悲剧) 好了,巨坑开始,一开始页面打好之后,就放到SSM框架中,出现的问题一开始就是404地址找不到,使用绝对定位不行,浏览器报的错误一直是错误的地址。这里我就花了2个小时,然后带着万分无奈的心情,将Layer的文件夹放到js文件下,莫名其妙就好 立即下载

相关推荐

WVP-GB28181-Pro配置避坑指南:从零到上线全流程详解(含ZLM自动同步技巧)

本文详细解析了WVP-GB28181-Pro视频平台的配置流程,特别针对国标视频平台部署中的常见陷阱,如stream-ip/sdp-ip配置错误、ZLM自动同步问题及端口冲突等,提供了实用的解决方案和优化建议,帮助开发者快速实现从零到上线的全流程部署。

weixin_30836759的博客 93

layui弹出层闪退,layer弹出层闪退,layer弹出层坑

今天用layui的弹出层插件,发现两奇怪的问题: 1、弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮,打开弹窗闪退   后面发现真如参考博文所说:我的button也是在form表单中,原因: 我在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退!! 解决办法: ...

fairyier 1万+

单电源运放偏置电压设计:如何避免信号失真

本文详细解析了单电源运放偏置电压设计的关键技术,以LM358为例,探讨如何通过1/2 VCC偏置避免信号失真。文章从基本原理出发,揭示了双端偏置的黄金法则,并提供了常见设计陷阱的解决方案和进阶调试技巧,帮助工程师实现高保真信号放大。

weixin_29266647的博客 293

Layui上传图片,上传无效,解决方法

今天运维项目,需要增加上传图片,碰到了两个坑,亲测有效。 首弹: 1.需要动态生成html,刚开始只是在 <script type="text/javascript"> layui.upload.render({ elem: '#xx', url: 'xxx', done: function (r) { $('#xx').val(r.msg); $('#showImg').attr("src

陳风弥的博客 4294

AI量化投资开源平台——Qlib(微矿)的学习使用笔记(随缘更新)

Qlib 涵盖了量化投资的全过程,为用户的 AI 算法提供了高性能的底层基础架构,从框架设计上让用户可以更容易地应用 AI 算法来辅助解决量化投资的各个关键问题(例如 Alpha 预测,风险预测,市场动态性建模)。本文旨在记录一些面向初学者的基础内容。

in_void的博客 3133

想在瑞芯微RK3588上跑视频分类模型?避开3D卷积这个坑,试试这几种NPU友好的方案

本文探讨了在瑞芯微RK3588上部署视频分类模型时如何避开3D卷积的性能陷阱,提供了三种NPU友好的替代方案:MobileNetV2+GRU组合、Temporal Shift Module(TSM)和帧级池化。这些方案在保持较高准确率的同时,充分利用RKNPU的硬件加速能力,显著提升推理效率。文章还分享了从模型转换到部署优化的完整流程和实战经验。

weixin_28724319的博客 418

layui中时间选择器在高度不够时闪退的解决办法

layui中时间选择器在高度不够时闪退的解决 加上trigger: ‘click’ laydate.render({ elem: "#daOutWare", trigger: 'click' });

WalnutLin的博客 710

YOLOv11改进 | 主干/Backbone篇 | 轻量级移动端网络ShuffleNetV2(附代码+修改教程)

本文给大家带来的改进内容是ShuffleNetV2,这是一种为移动设备设计的高效CNN架构。其在ShuffleNetV1的基础上强调除了FLOPs之外,还应考虑速度、内存访问成本和平台特性。(我在YOLOv11n上修改该主干降低了GFLOPs,但是参数量还是有一定上涨,其非常适合轻量化的读者来使用,同时精度也有一定程度的上涨)。本文通过介绍其主要框架原理,然后教你如何添加该网络结构到网络模型中。

Snu77的博客 3387

php 弹出 layui,layui弹出层闪退解决_WEB前端开发

PHP实现daemon – 后端_WEB前端开发TL;DR PHP实现守护进程可以通过 pcntl 与 posix 扩展实现。 编程中需要注意的地方有: 通过二次 pcntl_fork() 以及 posix_setsid 让主进程脱离终端 通过 pc今天用layui的弹出层插件,发现绑定弹出层到按钮,打开弹窗会闪退。原因:在form表单中使用了Button按钮,点击的时候会触发默认事件,而form...

weixin_39938522的博客 162

ESP32设备驱动-MLX90393磁场传感器驱动

MLX90393 磁场传感器可以在运行时重新编程为不同的模式和不同的设置。 该传感器使用 Melexis 专有的 Triaxis® 技术提供与沿 XYZ 轴感应的磁通密度成比例的 16 位输出,还提供温度输出信号。 这些数字值可通过 I2C 和 SPI 获得,其中 MLX90393 是总线上的从设备。

视觉与物联智能 2350

Swin Transformer 与 CNN 结合实现图像分类

Swin Transformer 与 CNN 结合实现图像分类。(含swin transformer 结构讲解,cnn网络搭建,代码)

这里是Mae。 5026

layUI框架中文件上传前后端交互及遇到的相关问题

下面我将讲述一下我在使用layUI框架中文件上传所遇到的问题: 前端jsp页面: <div class="layui-form-item">   <label class="layui-form-label">照片</label>   <div class="layui-input-block">     <!-- 上传按钮 -...

weixin_33759269的博客 1133

杰理外挂flash使用教程(四):制作fat32文件系统格式的资源文件

本文档提供了FAT文件系统镜像生成与资源打包的完整指南,包含两种实现方案:推荐的WSL/Ubuntu环境方案和Windows原生方案。详细说明了从创建空白镜像、格式化、资源文件复制到最终打包为设备可用的res.bin文件的完整流程,并对比了FAT32与FAT16的特性差异。文档还包含关键文件说明、使用注意事项和典型应用场景,适用于嵌入式系统开发、固件升级等场景。

qq_42014563的博客 1339

layer弹出层闪退_[网页设计]使用Layer插件遇到的坑——Layer弹出层闪退

[网页设计]使用Layer插件遇到的坑——Layer弹出层闪退0 2016-12-22 00:00:10一、前言巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了。说多都是泪,记录下来,以后有人遇到这个错误可以参考下做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同...

weixin_35012431的博客 175

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

layer弹出层闪退_使用Layer插件遇到的坑——Layer弹出层闪退

一、前言巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了。说多都是泪,记录下来,以后有人遇到这个错误可以参考下做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同样放在form表单下。想要的效果就是当我点击按钮的时候,就弹出层。(悲剧)好了,巨坑开始,一开始页面打好之后,就放到S...

weixin_42621217的博客 482

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

layer弹出层闪退_jQuery使用Layer弹出层插件闪退问题

一、前言巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了。说多都是泪,记录下来,以后有人遇到这个错误可以参考下做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同样放在form表单下。想要的效果就是当我点击按钮的时候,就弹出层。(悲剧)好了,巨坑开始,一开始页面打好之后,就放到S...

weixin_39994627的博客 124

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

layer弹出层闪退_layer弹出层详解

1.layer 弹出层iframe页面关闭自身function closeFrame() {var index = parent.layer.getFrameIndex(window.name);//先得到当前iframe层的索引parent.layer.close(index);//再执行关闭}2.关闭当前页的某个层时var index = layer.open();var index = la...

weixin_39925350的博客 352

【前端-layui-layer】layui弹出层闪退,layer弹出层闪退,layer弹出层坑

今天用layui的弹出层插件,发现两奇怪的问题: 1、弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮,打开弹窗闪退 后面发现真如参考博文所说:我的button也是在form表单中,原因: 我在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退!! 解决办法: ...

Japathy 1241

layer弹出层闪退_关于layui 弹出层一闪而过就消失的解决方法

关于layui 弹出层一闪而过就消失的解决方法听说是因为 JQuery 的版本冲突问题,在找到具体问题之前,先在代码里加一个 return false 解决问题;立即提交js://监听提交form.on('submit(test)', function(data) {console.log(data.field);layer.confirm("确认要提交吗?", {title: "单位新增",ye...

weixin_39612058的博客 2273

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

如何解决layui弹出层闪退的问题发布时间:2020-06-16 18:44:41来源:亿速云阅读:183作者:元一问题:今天用layui的弹出层插件,发现绑定弹出层到按钮,打开弹窗会闪退。原因:在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层会闪退!解决办法:方法一:将button标签换成其他的标签,如span就不会出现闪退问题了;...

weixin_35916518的博客 417
上一篇: 使用Layui数据表格,表格重载之后,表头工具栏按钮失效!【已解决】
下一篇: 阿里云服务器Linux系统(Ubuntu)部署JavaWeb项目
fly-liuhao
博客等级 码龄9年 147粉丝 65原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值