gpt4 book ai didi

jquery - 在 Bootstrap 3 中禁用全尺寸 div 后面的页面

转载 作者:太空宇宙 更新时间:2023-11-04 12:53:16 26 4
gpt4 key购买 nike

我正在使用 Bootstrap 3 (SB-Admin 2) 并且我想禁用在服务器处理表单请求时执行任何操作的可能性,因为这个过程非常慢(大约 30 秒)并且用户有时点击并点击按钮,发送新的请求。

我想用 jquery 显示一个全页和半透明的 div,上面写着“请稍候”。我如何在 Bootstrap 3 中做到这一点?

最佳答案

这是整页 div CSS:

.lightbox {
display: none;
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
text-align: center;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
}

注意:Z-Index 必须高于 999,因为某些 Bootstrap 功能实际上正在使用它(即导航栏)。

然后我们在 HTML 中定义 div:

<div class="lightbox" id="wait_lightbox">
<div class="row">
<div class="col-lg-12">
Please, wait...
</div>
</div>
</div>

并且使用 JQuery,我们在不使用 preventDefault 的情况下捕获表单提交:

$(function() {
$('#my_form').on('submit', function() {
$('#wait_lightbox').show(0);
});
});

关于jquery - 在 Bootstrap 3 中禁用全尺寸 div 后面的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26011613/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com