html - 加载动画不起作用

Question

我正在关注本教程：https ://blog.oio.de/2010/11/08/how-to-create-a-loading-animation-spinner-using-jquery/ 我将加载器制作为 gif 但当我单击加载程序无法正常工作的链接。我使用了加载器的第二部分，可以将其添加到链接中。

这是包含我的部分代码的 jsfiddle 的链接：http: //jsfiddle.net/rohitbegani/DcV8C/

$(document).ready(function(){
$('#button-upload').click(function() {
$('#spinner').show();
});
});

用于获取点击动画的主要 javascript。

实际上无法在小提琴上加载 gif 文件，因为我不知道如何将外部图像/gif 添加到 jsfiddle 代码（如果可能的话）

Answer 1

http://jsfiddle.net/DcV8C/2/

更新了你的小提琴，“按钮上传”是一个类而不是一个 ID，所以

$(document).ready(function(){
    $('.button-upload').click(function() {
        $('#spinner').show();
    });
});

Answer 2

您需要删除 # 并替换为句点，因为它是按钮上传的类。

$(document).ready(function(){
    $('.button-upload').click(function() {
        $('#spinner').show();
    });
});