javascript - IE10 中不显示等待光标

Question

我发现了几个与如何显示等待光标有关的问题，但我找不到任何与 IE10 专门相关的问题。我有一个应用程序，我希望在通过 PHP 获取或更新数据库中的数据时显示等待光标。我尝试了几个选项，所有这些都在 Chrome 中工作，但在我的 IE10 测试中没有一个工作（我的观众是一小群，所以我可以将它保留在这两个浏览器中，尽管我不能仅限于 Chrome）。我正在尝试的当前代码如下。

CSS

body.wait .move {
    cursor: wait;
}

jQuery

$(document).ready(function() {
    $("#tabs").tabs();

    $(document).ajaxStart(function () {
        $('body').addClass('wait');
    });

    $(document).ajaxStop(function () {
        $('body').removeClass('wait');
    });
})

任何帮助将不胜感激！

Answer 1

尝试改变：

(document).ajaxStart(function(){
$('body').addClass('wait');
});

至

$(document).ajaxStart(function(){
$('body').addClass('wait');
});

Answer 2

您可以通过cursor使用 jQuery 更改属性并更改ajaxStop为ajaxComplete.

$(document).ajaxStart(function () {
    $('body').css('cursor', 'wait');
});

$(document).ajaxComplete(function () {
    $('body').css('cursor', 'auto');
});

并删除 CSS。

您可以在此处获取 jQuery Migrate 插件来检查它是否与您使用的版本有关。

Answer 3

尝试：

$('body').ajaxStart(function() {
    $(this).css({'cursor':'wait'})
}).ajaxStop(function() {
    $(this).css({'cursor':'default'})
});

任何 ajax 开始和结束时的光标更改。这包括.load().