Twitter bootstrap 旋转图标刷新

Twitter bootstrap 旋转图标刷新,twitter-bootstrap,css,font-awesome,Twitter Bootstrap,Css,Font Awesome,我正在举一个例子 我对CSS3还是有点陌生,不确定自己做错了什么。我有一个使用MVC4的简单网站,有twitter引导和Fontsome。在等待jQquery帖子完成时,我正在尝试让刷新按钮动画化 我已经将CSS(如示例中所指定)放在它自己的文件中,并且它被正确引用 我尝试将jQuery用作文件,而只是简单地在页面上的脚本标记中使用 无论我尝试哪种组合,我都无法使刷新图标旋转 你知道我做错了什么吗?还有其他方法旋转图标吗?如果您使用的是font awesome,您可以将类fa spin添加到元素

我正在举一个例子

我对CSS3还是有点陌生,不确定自己做错了什么。我有一个使用MVC4的简单网站,有twitter引导和Fontsome。在等待jQquery帖子完成时,我正在尝试让刷新按钮动画化

我已经将CSS(如示例中所指定)放在它自己的文件中,并且它被正确引用

我尝试将jQuery用作文件,而只是简单地在页面上的脚本标记中使用

无论我尝试哪种组合,我都无法使刷新图标旋转


你知道我做错了什么吗?还有其他方法旋转图标吗?

如果您使用的是font awesome,您可以将类
fa spin
添加到元素中,它是内置的,需要您添加7个额外字符!!比手动编写css3动画和使用javascript切换类要好得多

就这样做一个元素

<i class="fa fa-refresh fa-spin"></i>

看着那只小狗旋转


如果您有任何问题,请参阅使用此类图标:
class=“图标刷新图标旋转”

图标链接:

您是否尝试过在微调器存在时单击它?如果您按照示例逐字操作,那么它有一个click事件处理程序。您希望将其添加到就绪函数
$(function(){//here})中。这只是对任何想使用此解决方案的人的一个警告:Firefox呈现一个“摆动”旋转图标。我使用的是28.0版。这里是足总github的问题解答。欢迎来到stackoverflow,请在