Bootstrap模态框Bug(modal fade引起的bug)

这篇博客记录了一个关于Bootstrap模态框的问题,当使用`modalfade`类时,在快速连续触发submit事件并进行Ajax请求时,模态框关闭后遮罩层可能不会消失。作者怀疑是`fade`过渡效果导致的,在极端时间间隔内产生了重复操作。即使禁用submit按钮问题依然存在。解决方案是移除`fade`类,从而避免这个问题。
摘要由CSDN通过智能技术生成

记录一个Bootstrap模态框Bug(modal fade引起的bug)
先放代码

<div class="modal fade" tabindex="-1" role="dialog">
</div>

当我使用上面这段代码作为弹窗遮罩层的时候,这个遮罩层只是一个等待遮罩,在ajax完成后会取消(取消由ajax完成控制)。
在我连续按下回车触发submit事件的时候,ajax也被连续触发了,这个时候由于间隔事件太短,会导致模态框被关闭后,遮罩层还在!
最后删除fade样式就可以了,怀疑是渐变样式,导致在那极端的时间内发生了重复操作。但是我把submit按钮都禁用了也同样如此。

<div class="modal" tabindex="-1" role="dialog">
</div>

具体细节不是太清楚,反正删除fade就OK了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值