layui弹框出现闪现问题

最新推荐文章于 2023-11-29 10:30:04 发布
最新推荐文章于 2023-11-29 10:30:04 发布
阅读量3k 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zz_lkw/article/details/81742625
版权
本文介绍了一个常见问题：弹框显示时间过短，几乎无法用肉眼捕捉。问题的根源在于弹框元素被错误地附加了a链接，导致页面刷新。解决方案是移除a链接标签，确保弹框可以稳定显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

弹框代码如下

但是出现弹框的时间特别的短暂，几乎是一闪而过，肉眼没法看清

最后找到了原因：

因为这个元素加上了a链接，导致会刷新整个页面，

 

解决办法

把a链接的标签去掉即可

 

 

Bug：laydate组件：闪现
m0_37705406的博客
11-03 349
项目场景： 页面上有两个日期组件，组件采用laydate。 问题描述： 只有一个日期组件的时候，交互没问题；同时两个日期组件存在的时候，点击输入框，组件闪现。 <!-- 日期组件1 --> <div class="laydate-input"> <input id="date1" type="text" lay-key="1" readonly> <label for="date1" class="calendar-icon">&..
解决layui时间控件闪烁问题
dinghomie的博客
11-20 1294
解决layui时间控件由于屏幕比例不同导致无法显示的问题解决方式 这是原先的代码，此写法在页面大小不足时会发生时间控件无法显示（闪烁消失）的问题 laydate.render({ elem: '#startTime', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .clas...
layui问题：layer.msg方法提示消息一闪而过问题
qq_34207898的博客
10-22 9717
代码： if (response.status == '1'){ layer.msg("Request Succeeded!",{icon:1,time:3000}); var index = parent.layer.getFrameIndex(window.name); ...
layui里面layer弹窗渲染layerdate,时间控件不出现，闪现问题，F12才出来
雷绍发
04-19 7799
直接说解决办法吧！ 排除法，首先看type类型 首先说第一种 layer.open({ type: 1, content: $('#id') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响 }); 这种基本不会出现高度问题，一般出现这种情况就是冒泡，虽然都知道冒泡 但是这里也是可能会遇到2种情况的， 1：通过按钮或者...
弹出框定时跳转
u014788377的博客
08-12 687
setInterval(go, 1000); layer.msg('恭喜您，密码修改成功!'+''+'3'+"秒后自动跳转至登录界面"+'', { // icon: false, time: 3000,//2秒关闭（如
layui弹出层加载框完成后跳转
卑微的码农
09-15 1608
var loading=layer.load(1); setTimeout(function () { layer.close(loading); layer.msg("添加部门成功"); setTimeo...
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
10-17
然而，在页面加载时，有时候会出现页面内容闪现的现象，即不满足条件的元素暂时显示出来，然后消失。这个问题主要是由于Vue在初次渲染时，还未解析到JavaScript部分，所以无法应用v-if和v-else-if的逻辑，导致所有...
解决layui表格内文本超出隐藏的问题
12-01
然而，在实际应用中，我们可能会遇到一个问题：当表格单元格（layui-table-cell）内的文本过长时，内容会被自动隐藏，这不利于用户阅读。为了解决这个问题，我们可以调整 layui 表格的 CSS 样式。 标题中提到的...
layui form表单提交之后重新加载数据表格的方法
10-16
当开发者在使用过程中遇到问题，或者想了解更多细节时，应当参考官方文档。官方文档是学习和掌握框架的最权威资料，它会详细介绍每个模块的属性、方法以及使用场景。 通过上述的分析，我们可以看到，layui框架在...
layer弹出层闪现
m0_58137791的博客
04-28 174
解决：在网上看了很多文章，说的比较多的就是没有指定form表单中type为button，但是我这里没有使用表单，也有说引用问题，必须先引入jquery1.8以上版本，我这里也没错，后来考虑会不会是兼容性问题，搜索之后还是没有解决。一个span标签的按钮，实现退出登录的功能，在该标签上设置点击监听事件，点击后弹出弹窗，询问是否确认退出，这里使用layer.confirm()实现。遇到的问题：弹窗只是闪现一下就没了，页面好像重新加载了。
layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法
wh445306
11-29 1636
bug症状：点击选择日期，弹出的框会一闪而即消失，但是切换窗口回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。 如果你的现象跟我的一样，那么解决方案如下： 父页面定义弹层内容不能用如下这种方式： <div class="layui-row" id="test" style="display: none;"> 应该使用以下方式 <script type="text/html" id="test"> 网上还有几种说法： 删除：l.
layer弹出层闪退_关于layui 弹出层一闪而过就消失的解决方法
weixin_39612058的博客
12-19 2154
关于layui 弹出层一闪而过就消失的解决方法听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；立即提交js：//监听提交form.on('submit(test)', function(data) {console.log(data.field);layer.confirm("确认要提交吗?", {title: "单位新增",ye...
layui 点击选择框为啥会出现震动(已解决)
weixin_45932157的博客
09-16 845
下面的的代码加到CSS文件中就可以了 html{overflow-y:scroll;}
layui 报错合集
carrieanyeo的博客
10-11 680
layui 报错合集
html提醒框ui,web前端：layui提示框事件
weixin_32724679的博客
06-18 480
layui，是一款采用自身模块规范编写的前端UI框架，遵循原生Html/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。使用layui提示框的时候遇到个问题，点击“确定”“取消”之类的按钮会执行里面的方法，但点击×就不会执行，所以在添加数据的时候出现个BUG，就是保存数据后点...
layui 弹框无法显示
xianailili的博客
11-06 5538
研究了2个小时发现 layui 弹出框一直无法显示    触发了弹框  js也没报错  function openLogin(){ var index =layer.open({ type: 1 ,title: false //不显示标题栏 ,closeBtn: false ,area: ['450px', '509px...
laydata 点击日期闪现
baodaotui4761的博客
04-30 208
因项目需求需要多个日期，然后点击日期就会出现闪现的情况，导致选择不了日期 html代码 <table class="form"> <tr> <th class="formTitle">开始日期：</th> ...
layui提示框没有渲染bug解决
最新发布
qq_67832732的博客
11-29 662
bug：使用layui时或许是依赖导入又或是ideal和浏览器缓存问题导致前面明明正常的页面显示，后面出现提示框没有css样式，弹出框没有背景css。在你的代码中引入layer.js。
#1 layer.js与layui.js操作之提示框的使用
流年梦里风起舞
09-01 1078
一、引用js和css &amp;lt;script src=&quot;${pageContext.request.contextPath}/layer-v3.1.1/layer/layer.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;${pageContext.request.contextPath}/layui-v2.3.0/layui/layui.js
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值