wenn Daten-progress = "50" Änderungsdaten-progress-Text

Question

ich einen Loader auf meiner Seite und ihre html haben wie folgt aussieht:

<div class="pace-progress" data-progress-text="Loading 50/100" data-progress="50" style="transform: translate3d(100%, 0px, 0px);"> 

ich eine JS schreiben möchten, können Ändern Sie die data-progress-text, wenn die data-progress is 50 von "Loading 50/100" bis "Almost there!".

Ich weiß nicht, wo ich anfangen soll und jede Hilfe würde sehr geschätzt werden.

if ($('.pace-progress').attr('data-progress-text') == '50') { 
(".pace-progress").attr("data-progress-text") == "Almost there!"} 

Answer 1

== ist, um einen Wert zu vergleichen

= zum Zuweisen eines Wertes ist

Das heißt, da Sie die jQuery attr Methode verwenden Sie einen Wert wie das nicht zuordnen können. Die Methode selbst akzeptiert ein zweites Argument, um zu bestimmen, ob es ein Getter oder ein Setter ist.

Die jQuery docs sind ziemlich abgeschlossen, und Sie sollten auf jeden Fall Gebrauch von ihnen vor, Fragen zu stellen

Answer 2

Verwendung setInterval machen in regelmäßigen Abständen auf den Wert zu überprüfen und das entsprechende Attribut aktualisiert:

setInterval(fucntion(){ 
    if ($('.pace-progress').attr('data-progress') == '50') 
     $(".pace-progress").attr("data-progress-text", "Almost there!"); 
}, 500);