将鼠标图标更改为“等待”，而不管它在哪里
将鼠标图标更改为“等待”，而不管它在哪里
提问于 2019-11-20 16:42:08
我正在开发一个web表单，它可以提取和更新客户信息，它有多个ajax请求，这些请求有些慢(2-4秒)。每当页面等待结果时，我添加了一个“等待”游标。但是，页面等待请求的时间很多时候，用户要么把光标放在按钮上，要么放在表上(通过制表器)，这样光标就会停留在手动/单击光标时，加载轮也就不可见了。如果用户将鼠标移离按钮/表，它将更改为加载轮。我已经使用jQuery进行ajax调用，所以我使用了以下代码：
$(document.body).css({'cursor' : 'wait'});
有没有一种方法，我可以强制图标到加载轮，无论它是在什么状态？
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-11-20 16:46:02
您可以使用!important覆盖按钮、链接、输入和正文上的css集。
$("body,a,button,input").css("cssText", "cursor:wait !important;");注意上面cssText的用法。
您也可以指定*作为您的选择器，但这是非常鲁莽的。
Stack Overflow用户
发布于 2019-11-20 18:06:45
我建议您不要将cursor: wait;添加到页面上的多个元素，而是向您的主体中添加一个类。
$(document.body).addClass('loading');在你的CSS中，你可以定义你的加载光标，以显示在任何地方。
.loading * {
cursor: wait !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58959356
复制相关文章
相似问题
腾讯云开发者
