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

您可以通过使用jQuery更改cursor属性并将ajaxStop更改为ajaxComplete来实现此目的。

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

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

删除CSS。

您可以获取jQuery Migrate插件here以检查它是否是因为您使用的版本。

Answer 3

尝试：

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

任何ajax开始和结束时光标都会发生变化。这包括.load()。

等待光标未在IE10中显示

3 个答案: