javascript - ajax调用时改变鼠标指针

Question

我想在运行 AJAX 调用时将鼠标指针更改为“等待”符号，并在完成调用后返回到默认指针。我已经尝试如下，但我的问题是它只能在 Firefox 上运行，直到我不单击/按下鼠标按钮。这是我的代码:

function initializeAjax(url){
    $('html, body').css("cursor", "wait");

    try {
        if (url.substring(0,4) == ".mdf") {
            var database = window.location.pathname.slice(0,window.location.pathname.lastIndexOf('.mdf'));
            var url = database + url;
        }

        initRequest(url);
        returnedValues = null;
        req.onreadystatechange = returnedValues;
        nocache = Math.random();
        req.open("GET", url+"&nocache = "+nocache, false);
        req.send(null);

        $('html, body').css("cursor", "auto");
        return req.responseText;
    }
    catch(err) {
        return "Error 8";
    }
}

任何人都可以帮助如何更改上述内容来解决问题，以便它也能在 Firefox 和 IE 中工作。

Answer 1

截至jQuery 1.9 ，这是可以做到的:

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

}).ajaxComplete(function () {

    $('body').removeClass('wait');

});

CSS

body.wait *, body.wait
{
    cursor: progress !important;
}