gpt4 book ai didi

javascript - jquery mobile,显示加载覆盖时禁用所有按钮

转载 作者:行者123 更新时间:2023-12-03 08:10:13 24 4
gpt4 key购买 nike

其实我可以调用这个代码

$(":input").attr("disabled",true); //Disable all input fields

禁用我页面上的所有按钮。但是当我的页面上有很多按钮时,我不知道性能有多好。

我看到了一个技巧,我们创建了一个加载指示器叠加层,它首先是页面上的元素 => 用户不能再点击按钮了

有没有办法重用jquery mobile的加载覆盖来归档上述技巧?我不擅长 CSS,所以希望有人可以帮助我。

谢谢

已编辑:

我最终为 jQuery 使用了 jquery.blockUI 插件,它按预期工作。
我用 jquery mobile 的 css 添加了默认 div,这样我仍然有 jquery mobile 的加载消息和我想要的行为

Working sample here

最佳答案

我刚刚发现的一种简单方法是使用带有 z-index 的固定背景。和 opacity :
添加这个CSS:

.ui-loader-background {
width:100%;
height:100%;
top:0;
margin: 0;
background: rgba(0, 0, 0, 0.3);
display:none;
position: fixed;
z-index:100;
}

.ui-loading .ui-loader-background {
display:block;
}
ui-loader-background是自定义类,但 ui-loading由 JQM 添加到 <html>显示加载微调器时的元素。
并在你的 body 中添加这个元素:
<div class="ui-loader-background"> </div>
示例: http://jsfiddle.net/5GB6B/1/

关于javascript - jquery mobile,显示加载覆盖时禁用所有按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6597388/

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