2014-03-18 51 views
0

我正在關注this示例。旋轉圖標刷新

我對CSS3還是有點新,並不確定我做錯了什麼。我有一個簡單的網站使用MVC4,與twitter引導和fontawesome。我試圖讓我刷新按鈕動畫,而我等待一個jQquery帖子來完成。

我已經把CSS放在它自己的文件中,並且正確地被引用。

我已經嘗試使用jQuery作爲一個文件,只是簡單地在頁面上的腳本標記。

無論我嘗試使用哪種組合,我都無法獲取刷新圖標進行旋轉。

任何想法我做錯了什麼?有沒有其他的方式來旋轉圖標?

+0

你試過點擊微調,而它在那裏?如果你按照例子逐字,它有一個點擊事件處理程序。你想把它加入一個就緒函數'$(function(){// here});'。 – Seth

回答

5

如果您使用font-awesome,則可以將類fa-spin添加到您的元素,它內置並需要添加7個額外字符!手動編寫css3動畫並使用JavaScript切換類。

只是要一個元素,像這樣,

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

,看那隻小狗旋轉。

參考fontawesome's spinning docs,如果你有任何問題

+0

太棒了!謝謝你,那正是我想要的。應該深入一點。 – Ebbs

+0

只是對任何想要使用此解決方案的人發出警告:Firefox呈現「搖晃」的旋轉圖標。我在版本28.0。這是FA的github上的一個[link](https://github.com/FortAwesome/Font-Awesome/issues/671)。 – Ebbs

0

使用這個類的fontAwesom圖標:類=「圖標刷新圖標旋轉」 這裏我們可以包括fontAwesome圖標:fontAwesome icons website

+1

歡迎使用stackoverflow,請訪問http://stackoverflow.com/help/how-to-answer –