javascript - 检查类按钮，如果它有某个类，则创建一个“完成”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');
  }
});

编辑 - 你应该修改你的脚本

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