Überprüfen Sie die Schaltfläche für die Klasse und wenn es eine bestimmte Klasse hat, erstellen Sie eine "done" div

Question

Ich bin neu in Jquery. Ich habe ein Upload-Formular, dass, wenn etwas von der Upload-Button ändert Klasse hochgeladen:

<a class="upload-button upload buy" id="upload-button"><span>Upload a document</span></a> 

An:

<a class="upload-button buy white" id="upload-button"><span>Upload a document</span></a> 

Ich habe versucht, eine Funktion zu schreiben, die eine div genannt fügt ‚getan‘, wenn eine Datei wurde bereits hochgeladen (die Klasse in der Schaltfläche hat sich geändert). Hier

ist das, was ich bisher habe:

$('a#upload-button').ready(function() { 
      if ($(this).hasClass('white')) { 
       $('#three') 
        .append('<div class="done rotateone wiggler"></div>') 
        .addClass('grey'); 
     } 
     }) 

Ich bin nicht sicher, warum es nicht funktioniert. Bitte könnte jemand helfen?

Answer 1

Sie tun sollten (wenn Sie, wenn eine Taste, um eine Klasse überprüfen möchten, wenn die Seite geladen wird, sonst nehmen Sie nur den if und es Teil setzen, wo Sie es brauchen

//this is a shorthand methot for $(document).ready() 
//you should use this to wait for the dom to load 
$(function(){ 
//if the link has the class 
    if($('a#upload-button').hasClass('white')){ 
    //append the button 
    $('#three') 
     .append('<div class="done rotateone wiggler"></div>') 
     .addClass('grey'); 
    } 
}); 

EDIT - Sie ändern sollten

Ihr Skript

function verifyFileUploadState(up) { 
    if ($(".file-title").length == 0) { 
     $("#upload-button span").html("Upload a document"); 
     $("#upload-button").addClass("upload"); 
     $("#upload-button").removeClass("white"); 
    } else { 
     $("#upload-button span").html("Upload another document"); 
     $("#upload-button").removeClass("upload"); 
     $("#upload-button").addClass("white"); 
     $('#three') 
      .append('<div class="done rotateone wiggler"></div>') 
      .addClass('grey'); 
    } 
    up.refresh(); 
}