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

时间:2012-03-31 11:28:57

标签: javascript jquery

我只是在寻找一些指导。我对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上动画。

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

3 个答案:

答案 0 :(得分:8)

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

示例:

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

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

答案 1 :(得分:3)

这真的很容易。你在应该旋转的JQuery对象上调用.spin()。如果希望停止,请致电.spin(false)

我自己使用here

答案 2 :(得分:1)

我找到了另一个插件Activity Indicator,它有更多选项可供自定义和轻松集成。试一试:|