加载动画不起作用答案

【问题标题】：Loading animation not working加载动画不起作用
【发布时间】：2014-06-20 21:27:06
【问题描述】：

我正在关注本教程：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 代码（如果可能的话）

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：