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

Question

我真的只是在寻找一些指导.我是JQuery的新手,所以它有点朦胧.
但是,我有一个表单"处理"div,在表单提交时有所显示.

目前我有一个简单的div与动画GIF,以直观地显示其发送.

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

理想情况下,我想通过spin.js创造了微调,以取代GIF动画,因为我知道,GIF动画不要继续一旦表已发给IE上的动画.

唯一的问题是,通过文档查看,我有点不确定如何实现它.任何指针将不胜感激!谢谢!

Answer 1

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

例:

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

这是一个工作的小提琴:http://jsfiddle.net/vasco/6Ca8Y/