如果您使用从 Dorward 发布的这个稍微修改过的 CSS 版本，

html.wait, html.wait * { cursor: wait !important; }

然后你可以添加一些非常简单的jQuery来处理所有的 ajax 调用：

$(document).ready(function () {
    $(document).ajaxStart(function () { $("html").addClass("wait"); });
    $(document).ajaxStop(function () { $("html").removeClass("wait"); });
});

或者，对于较旧的 jQuery 版本（1.9 之前）：

$(document).ready(function () {
    $("html").ajaxStart(function () { $(this).addClass("wait"); });
    $("html").ajaxStop(function () { $(this).removeClass("wait"); });
});

我知道您可能无法控制这一点，但您可能会选择一个“屏蔽”div，该 div 覆盖整个身体，z-index 高于 1。如果您愿意，div 的中心部分可以包含加载消息。

然后，您可以将光标设置为在 div 上等待，而不必担心链接，因为它们在您的屏蔽 div 下。这是“屏蔽 div”的一些示例 CSS：

身体{高度：100%；}
div#mask { 光标：等待；z-索引：999；高度：100%；宽度：100%；}

这似乎在 Firefox 中有效

<style>
*{ cursor: inherit;}
body{ cursor: wait;}
</style>

* 部分确保当您将鼠标悬停在链接上时光标不会改变。虽然链接仍然可以点击。

今天我一直在为这个问题苦苦挣扎数小时。基本上一切都在 FireFox 中工作得很好，但（当然）在 IE 中不是。在 IE 中，等待光标在执行耗时的函数之后显示。

我终于在这个网站上找到了诀窍：http : //www.codingforums.com/archive/index.php/t-37185.html

代码：

//...
document.body.style.cursor = 'wait';
setTimeout(this.SomeLongFunction, 1);

//setTimeout syntax when calling a function with parameters
//setTimeout(function() {MyClass.SomeLongFunction(someParam);}, 1);

//no () after function name this is a function ref not a function call
setTimeout(this.SetDefaultCursor, 1);
...

function SetDefaultCursor() {document.body.style.cursor = 'default';}

function SomeLongFunction(someParam) {...}

我的代码在 JavaScript 类中运行，因此 this 和 MyClass （MyClass 是一个单例）。

我在尝试按照本页所述显示 div 时遇到了同样的问题。在 IE 中，它在函数执行后显示。所以我想这个技巧也可以解决这个问题。

感谢无数时间给这篇文章的作者 glenngv。你真的让我开心！！！

css： .waiting * { cursor: 'wait' }

jQuery： $('body').toggleClass('waiting');