在JSON回调中，Cursor不会恢复为默认值

Question

$('#logonButton').click(function() {
    if ( $(this).text() == 'logon') {
        $(this).css('cursor','wait');
        $.getJSON('http://localhost:8080/test?method=logon', function(data, returnValue) {
            $('#output').append("<p>"+data+"</p>");
            $('#logonbutton').css('cursor','default');
            $('#logonButton').text('logoff');
        });
    ... 

这次登录需要一些时间，所以我想在JSON调用之前将光标设置为“wait”，然后在回调被命中时将其设置回“default”。

调用返回并且数据被附加到输出div，但#logonButton div文本没有改变，光标停留在'busy'上。

Answer 1

应该是#logonButton，而不是#logonbutton。

$('#logonButton').css('cursor','default');

注意大写B。

此外，您应该考虑在.always()处理程序中恢复游标，这也会在发生AJAX错误时起作用。

Answer 2

此行中有错误：

$('#logonbutton').css('cursor','default');

应该是

$('#logonButton').css('cursor','default');