我曾尝试在使用Jquery单击按钮时向页面添加Font Awesome微调器图标,但微调器实际上并不旋转。
http://codepen.io/Riggster/pen/WvLZxb
<li id="num1">
<p>1:
PHP Code for random number here
</p>
</li>
<li>
<p>
<button class="btn btn-sm btn-default" onclick="NewNum()" type="button">Re-roll random numbers</button>
</p>
</li>
function NewNum() {
$("#num1").html("<i class='fa fa-refresh'></i>");
}
3条答案
按热度按时间rdlzhqv91#
向类中添加fa-spin,如下所示:
ulmd4ohb2#
关于
fa-spin
需要注意的另一件事是它不能在display: inline
元素上工作。它必须是
display: inline-block
或display: block
gab6jxml3#
你可以从这里参考更多的font-awesome范例
http://fortawesome.github.io/Font-Awesome/icon/spinner/