クラスのチェックボタン。特定のクラスを持っている場合は、「done」divを作成します

Question

Jqueryを初めて使用しています。

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

：

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

私は場合は、「行わ」と呼ばれるdiv要素を追加する関数を記述しようとした私は、何かがから、アップロードボタンの変更クラスをアップロードされたときにアップロードフォームを持っていますファイルが既にアップロードされています（ボタンのクラスが変更されています）。

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

を、私はそれが機能しない理由を確認していない。ここで

は、私がこれまで持っているものです。誰か助けてもらえますか？

Answer 1

ボタンは、ページがロードされたクラスを持っているかどうかを確認したい場合は、そうでない場合だけ if参加し、あなたはそれが

//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必要な場所に置く、（やるべき

- あなたは変更する必要がありますスクリプト

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(); 
}