檢查類的按鈕，如果它有一個類創建'完成'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> 

我試圖寫一個函數，增加了一個叫格「完成」，如果一個文件已經被上傳（按鈕中的類已經改變）。

這是我到目前爲止有：

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

編輯 - 你應該修改你的腳本

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