我只是在寻找一些指导。我对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上动画。
唯一的问题是,通过文档查看,我对如何实现它有点不确定。任何指针将不胜感激!谢谢!
答案 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,它有更多选项可供自定义和轻松集成。试一试:|