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

How to use spin.js instead of a animated gif

本文关键字：动画 gif 何使用 spin js      更新时间：2023-09-26

我真的只是在寻找一些指令。我是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上动画化。

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

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

示例：

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

这是一把小提琴：http://jsfiddle.net/vasco/6Ca8Y/

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

我自己在这里用过。

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

相关文章：