javascript - 光标不会在 JSON 回调中恢复为默认值

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 调用之前将光标设置为“等待”，然后在点击回调时将其设置回“默认”。

调用返回，数据附加到输出 div，但#logonButton div 文本没有改变，光标停留在“忙碌”上。

Answer 1

应该是#logonButton，不是#logonbutton。

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

注意大写B。

此外，您应该考虑在处理程序中恢复光标，.always()这在发生 AJAX 错误的情况下也可以工作。

Answer 2

您在这一行有一个错误：

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

应该

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