光標不會恢復在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');