加载动画不起作用

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

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

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

Answer 2

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

更新了你的小提琴，＆＃39;按钮上传＆＃39;是一个类而不是ID所以

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