Text von Anker-Tag ändert sich nicht mit Javascript

Question

Ich führe eine Ajax-Funktion, die 3 Sekunden dauert + so in dieser Zeit möchte ich den Text der ein Link (Code unten und 1 im Bild) zu ändern " Warten Sie mal...". Ich habe den folgenden JavaScript-Code ausprobiert, aber was passiert, ist, dass sich der Text nicht ändert und die Funktion normal ausgeführt wird. Bitte, wenn jemand auf meinen Fehler hinweisen könnte.

HTML:

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

Screenshot:

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

Verschieben $('#emailGarageList').text('Email Garage List...'); innerhalb $ .ajax Rückruffunktion. $ .ajax ist ein Async-Aufruf und Ihr Text unten wird sofort aktualisiert, bevor Sie den Ajax-Anruf abschließen.

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

Setzen Sie die $('#emailGarageList').text('Email Garage List...'); in Ihre Erfolgsfunktion. Sonst ändert es sich und wechselt dann wieder zurück.

Answer 3

Meine Vermutung ist, dass jQuery Mobile (die ich nehme an, Sie verwenden), wird das DOM sso Ihre Wähler Modifizieren $ nicht finden können (‚# emailGarageList‘), wie Sie denken es ist.

Answer 4

Ich glaube, Sie suchen die beforeSend callback:

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