layer.confirm一闪而过

最新推荐文章于 2023-04-28 13:46:25 发布
最新推荐文章于 2023-04-28 13:46:25 发布
阅读量2.7k 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CharmingDang/article/details/88747652
博客指出在页面中使用form表单且将button按钮置于其中时，若未指定button标签的type属性，默认是submit，会导致按钮一闪而过。解决办法是在button中指定type为button。

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

换了好几种写法，都是一闪而过。

经验证，在页面中使用了form表单，把button按钮放在了form中，这种情况下，如果没有指定button标签的type属性的话，默认会是submit，所以出现了一闪而过的现象。

解决方法：在button中需要指定type为button

layui日期控件点击一闪而过、日期范围选择的解决方法
u012833739的博客
08-13 3523
layui日期控件点击一闪而过解决方法 今天做项目用layui日期控件，发现一个bug，点击选择日期，弹出的框会一闪而过，切屏回来就出来了。 解决方法： layui.use('laydate', function() { var laydate = layui.laydate; $(this).removeAttr("lay-key"); //执行一个laydate实例 ...
layer弹出层闪退_关于layui 弹出层一闪而过就消失的解决方法
weixin_39612058的博客
12-19 2180
关于layui 弹出层一闪而过就消失的解决方法听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；立即提交js：//监听提交form.on('submit(test)', function(data) {console.log(data.field);layer.confirm("确认要提交吗?", {title: "单位新增",ye...
关于layui 弹出层一闪而过就消失的解决方法
12-11
听说是因为 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: "单位新增"
layer.confirm闪退，一闪而过
weixin_39584435的博客
03-27 1077
注意我圈出来的地方，submit为自动提交，type要改成button，网上很多人写只写一半，也没写清楚，思考了下原因后发现如下图所示： 然后在Controller里面这样写： 完美解决，submit()为继续提交 Layer.closeALL();为退出关闭方法， btn后面这个function是用来添加确认按钮的事件的，效果如下： 没有网上那些同学们整的那么复杂，希望对遇...
layer.confirm闪退问题
Miss_lijia的博客
10-26 854
转载：原文链接：(10条消息) 解决 layui 弹出层（弹框）一闪而过就消失的问题 （转载）_圆圆-优快云博客 在页面中，layer的弹出框，layer.confirm，layer.alert，layer.msg等等，都会出现一闪而过的问题，研究发现，总结如下 原因一： 在页面中使用了form表单，把button按钮放在了form中，在这种情况下，如果没有指定button标签的type属性的话，默认会是submit，所以出现了一闪而过的现象解决方法： 在button中需要指定type为button.
layer.confirm执行到询问'您确定要删除吗？'的时候一闪而过，把所有行都删除了
u011154536的博客
04-15 2236
解决方法：触发事件的button添加type='button’后解决 function addFamily(){ var order = $("#secondTable tr").last().find(".loginnameOrder").find("input").attr("id"); var next = null; next = (order-0) + 1; var fima...
【解决】layer.confirm 一闪而过，确认钮都不出现问题
SummerGao
12-28 879
出现问题的原因：button中...
解决layer.confirm快速点击会重复触发事件的问题
01-19
2.问题分析 ：查看layerUI的API发现，系统的confirm是线程阻塞的，而layer.confirm是非阻塞的 3.问题解决 方案1. 防止重复触发事件，前台js加锁 方案2.后台代码加乐观锁 此时，方案1解决这个问题最佳 4.具体实现： ...
layer.confirm无反应
08-21
- *2* [【解决】layer.confirm 一闪而过，确认钮都不出现问题](https://blog.csdn.net/qq_25231683/article/details/120016666)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
layui弹出层layer.msg()一闪而过
Heyangqing611的专栏
05-18 1190
遮盖层不出现问题： 一：可能是按钮的类型是submit，改为button就行。 二：可能是执行完Ajax后得再加一个return false； 三：Ajax设为同步 Ajax设为同步上面的弹出层代码不显示： 原因： js执行弹出提示层到页面显示"开始处理..."是2个动作，一个是js执行，一个是浏览器渲染，中间有个时间差，js执行完提示层后，页面上还没来得及显示"开始处理..."时，js就执行到了ajax部分，而ajax同步会导致锁定浏览器，表现为页面内容不会更改；当ajax执行回调函数时，对x
layer弹出层闪现
m0_58137791的博客
04-28 190
解决：在网上看了很多文章，说的比较多的就是没有指定form表单中type为button，但是我这里没有使用表单，也有说引用问题，必须先引入jquery1.8以上版本，我这里也没错，后来考虑会不会是兼容性问题，搜索之后还是没有解决。一个span标签的按钮，实现退出登录的功能，在该标签上设置点击监听事件，点击后弹出弹窗，询问是否确认退出，这里使用layer.confirm()实现。遇到的问题：弹窗只是闪现一下就没了，页面好像重新加载了。
jQuery使用Layer弹出层插件闪退问题
11-29
一、前言 巨坑，基础没学好，导致找了一个下午的问题，终于被我发现了。说多都是泪，记录下来，以后有人遇到这个错误可以参考下 做项目期间做了几个页面，需要用到弹出层，为了方便使用到了Layer的插件，然后写点击事件在form表单中（第一个坑），接着，又使用button按钮（悲剧的开始），同样放在form表单下。想要的效果就是当我点击按钮的时候，就弹出层。（悲剧） 好了，巨坑开始，一开始页面打好之后，就放到SSM框架中，出现的问题一开始就是404地址找不到，使用绝对定位不行，浏览器报的错误一直是错误的地址。这里我就花了2个小时，然后带着万分无奈的心情，将Layer的文件夹放到js文件下，莫名其妙就好
layer弹窗一闪而过原因
weixin_45023621的博客
06-27 830
layer弹窗一闪而过原因 点击按钮弹窗一闪而过原因： 浏览器不兼容问题，换个浏览器试试 没有添加layer的js或jQuery，并且jQuery必须在layer的js前 代码有错误
vue离开当前页面时给出提示，弹出框一闪而过
kaosini的专栏
07-15 1075
vue离开当前页面时给出提示，弹出框一闪而过 路由守卫就不说了，在离开当前页面给出提示时，发现弹出框一闪而过，不能阻塞进程(window.confirm原声的是可以的)，但是这个不好看，我也懒得改(其实不会改); 这样解决加 延时执行！ if (to.fullPath == "/questionInfo/questionListTest" || to.fullPath == "/addUserInfo") { setTimeout(() => { //此处必须要加延迟.
解决 layui 弹出层一闪而过就消失的问题
Tounchan的博客
06-12 9916
听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；&lt;button class="layui-btn" lay-submit lay-filter="test" onclick="return false;"&gt;立即提交&lt;/button&gt;js： //监听提交 form.on('submit(tes...
layer.confirm选择完之后消息框不消失
热门推荐
lth1156187401的博客
01-28 4万+
layer.confirm('主题库里已存在相同的表', function(){ 。。。。。。。。。。//处理结果 }); 当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要显示的信息已经出现但是消息框仍然显示在最前面（跳转页面不算） 这是要用layer.closeAll('dialog');这个代码关闭信息框 layer.confirm('主题
关于定义的alert和confirm出现闪退问题
幻梦星空的小窝的博客
03-04 4498
因为有时候浏览器自带的alert和confirm的样式太丑，或者在手机端经常显示地址，不符合我们的要求，所以我们就必须自定义一个alert框等，自定义alert的网址是：http://lab.seaning.com/_doc/API.html，需要从网上下载他的源码（http://download.csdn.net/download/fl_zxf/8498139），具体使用可以从网上搜一下。 我
如何解决layui弹出层闪退的问题
yayayu_的博客
07-17 1291
问题： 今天用layui的弹出层插件，发现绑定弹出层到按钮，打开弹窗会闪退。 原因：在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action我没填，所以就是弹出层会闪退！ 解决办法： 方法一：将button标签换成其他的标签，如span就不会出现闪退问题了； 方法二：给button指明类型:type = “button”，因为在form表单中的button默认type = “submit”，改为button就没有表单的默认事件了。 扩展： layui，是一款采用自身模块规范
layer.confirm和frameset衝突，如何讓layer.confirm像confirm一樣顯示
最新发布
08-16
Layer.js是一个常用的JavaScript插件，它提供了一种方便的方式来显示弹窗或确认对话框。当你遇到`layer.confirm` 和 `frameset` 冲突的情况，通常是因为frameset页面结构下，层叠窗口的定位可能会受到影响，导致预期的行为未按预期执行。 为了解决这个问题，你可以采取以下步骤让`layer.confirm`更像浏览器原生的`window.confirm`一样显示： 1. **避免直接在frameset内部使用**：尽量将弹窗操作放在顶层框架或者在非frameset区域的代码里，这样可以减少与frameset元素的交互冲突。 2. **修改CSS样式**：如果需要在frameset内显示，尝试调整层叠对话框的CSS属性，比如设置其`z-index`高于frameset元素，使其浮于内容之上。 3. **动态插入层**：如果确实需要在frameset中显示，可以在frameset之外创建一个新的Iframe或者Div，并将`layer.confirm`的结果绑定到这个新容器上，然后通过JavaScript控制其显示和隐藏。 4. **事件代理**：由于frameset限制了父子元素间的直接通信，你可以使用事件代理技术，监听父级元素的事件并在其中处理`layer.confirm`的回调。 ```javascript document.getElementById('parentFrame').addEventListener('click', function(event) { if (event.target.tagName === 'A') { // 检查点击目标是否为链接 layer.confirm('确认操作', { btn: ['确定', '取消'], callback: function(index) { // 这里处理点击后的业务逻辑 } }); } }); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值