css - 在 ajaxStart 上更改鼠标光标

Question

我有以下运行得相当好的脚本:

$("#spanLoading").ajaxStart(function () {
    $('#spanLoading').empty().append("<img src='/img/loading.gif' />");
});

$("#spanLoading").ajaxComplete(function () {
    $('#spanLoading').empty();
});

是否可以对这些进行一些更改，以便不再在 ajaxStart 上加载图像，而是将鼠标光标更改为 css 光标wait，然后更改回ajaxComplete 时正常。

Answer 1

是的，您可以通过更改 body 元素的 cursor 属性来做到这一点:

$("#spanLoading").ajaxStart(function () {
    $('body').css('cursor', 'wait');
});

$("#spanLoading").ajaxComplete(function () {
    $('body').css('cursor', 'auto');
});