如何使用 spin.js 而不是动画 gif答案

【问题标题】：How to use spin.js instead of a animated gif如何使用 spin.js 而不是动画 gif
【发布时间】：2012-03-31 11:28:56
【问题描述】：

我真的只是在寻找一些指导。我对 JQuery 很陌生，所以有点朦胧。
但是，我有一个表单“处理” div，它在提交表单时显示 somewhat。

目前我有一个带有动画 gif 的简单 div，可以直观地显示它的发送。

<div id="loading">Please wait, your news is being submitted...
<img src="/-/images/addwalk-loader.gif"/>

理想情况下，我想用通过 spin.js 创建的微调器替换动画 gif，因为我知道，一旦发送表单，动画 gif 就不会继续在 IE 上进行动画处理。

唯一的问题是，查看文档，我有点不确定我将如何实现它。任何指针将不胜感激！谢谢！

【问题讨论】：

【解决方案1】：

如果不想像 Janus 所指出的那样旋转当前对象，您可以改为创建一个新的 Spinner 对象，然后将其放置在页面上任何您想要的位置。有关选项列表，请查看文档！

例子：

var opts = {
   color: '#000'
   //etc etc
};
var spinner = new Spinner(opts).spin();
$("#loading").appendChild(spinner.el);

【讨论】：

【解决方案2】：

这真的很容易。您在应该旋转的 JQuery 对象上调用 .spin()。当您希望它停止时，请致电 .spin(false)。

我自己用过here。

【讨论】：

【解决方案3】：

我发现了另一个插件Activity Indicator，它有更多的自定义选项并且易于集成。试试看：|

【讨论】：