Yazı Harika eğriler eğrilmiyor simgeleri

Question

Jquery'yi kullanarak bir düğmeyi tıklattığımda bir sayfaya Font Awesomespinner icons eklemeye çalıştım, ancak iğneler aslında dönmüyor. Böyle sınıfa fa-spin ekleyerek

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>"); 
} 

Answer 1

çalışacaktır:

function NewNum() { 
    $("#num1").html("<i class='fa fa-refresh fa-spin'></i>"); 
} 

Answer 2

function NewNum(){ 
    $("#num1").html("<i class='fa fa-spinner'/>"); 
} 

Eğer

http://fortawesome.github.io/Font-Awesome/icon/spinner/

buradan daha font-müthiş örnekler başvurabilirsiniz

Answer 3

fa-spin ile dikkat edilmesi gereken başka bir nokta, display: inline öğesinde çalışmayacaktır.

O display: inline-block veya display: block