アンカータグのテキストはJavaScriptを使用して変更されません

Question

私はこの時間に3秒以上かかるようなAjax関数を実行します（下のコードと1の画像）は "お待ちください..."。私は以下のJavaScriptコードを試しましたが、テキストは変わらず、関数は正常に実行されます。誰かが私の間違いを指摘してくれたらどうか。

HTML：

<a id="emailGarageList" href="javascript:EmailGarageList(347)">Email Garage List...</a> 

スクリーンショット：

Javascriptを：

function EmailGarageList(fId) { 
    $('#emailGarageList').text('Please wait...'); 
    $.ajax({ 
     type: "POST", 
     url: "Default.aspx/EmailGarageList", 
     data: "{'fId':" + fId + ",'userId':" + userId + "}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert("Garage List Emailed!"); 
     }, 
     error: function() { 
      alert("Error :("); 
     } 
    }); 
    $('#emailGarageList').text('Email Garage List...'); 
}; 

Answer 1

$('#emailGarageList').text('Email Garage List...');を$ .ajaxコールバック関数内に移動します。 $ .ajaxは非同期呼び出しで、下のテキストはajax呼び出しを完了する前にすぐに更新されます。

function EmailGarageList(fId) { 
    $('#emailGarageList').text('Please wait...'); 
    $.ajax({ 
     type: "POST", 
     url: "Default.aspx/EmailGarageList", 
     data: "{'fId':" + fId + ",'userId':" + userId + "}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert("Garage List Emailed!"); 
      $('#emailGarageList').text('Email Garage List...'); 
     }, 
     error: function() { 
      alert("Error :("); 
     } 
    });  
}; 

Answer 2

成功関数の中に$('#emailGarageList').text('Email Garage List...');を入れてください。さもなければそれは変化し、次に右に戻る。

Answer 3

私の推測では（私はあなたが使用していると仮定）のjQuery Mobileは、（「＃のemailGarageList」）あなたはそれだと思う道を$を見つけることができませんあなたのセレクタのSSO DOMを変更していることです。

Answer 4

私はあなたがbeforeSend callbackを探していると思う：

$.ajax({ 
    // other stuff ... 
    beforeSend: function() { 
     $('#emailGarageList').text('Please wait...'); 
    } 
});