2015-12-26 29 views
1

我想要的FA圖標動態地追加到使用JQuery的<h1>標籤的H1元素。該圖標確實被追加;但是,它不顯示。我的JQuery的片段是一個可笑簡單和直接的一個:追加一個字體 - 真棒圖標使用JQuery

function pronounce() { 
    $('h1.source-text').append('<i class="icon-volume-up pronounce"></i>'); 
}; 

上述函數被調用一次特定條件(如在另一個腳本中概述)檢出。該腳本是沒有錯的,因爲我可以看到在我的網絡督察附加FA圖標:

enter image description here

什麼可怎麼回事呢?

回答

3

FontsAwesome使用以下語法:

<i class="fa fa-volume-up"></i> 

來源:http://fortawesome.github.io/Font-Awesome/icon/volume-up/

+0

我從http://fortawesome.github.io/Font-Awesome/3.2.1/icon/volume-up/獲得了我的鏈接。那是否已被棄用? – TheLearner

+1

正確。他們有一個警告在該版本中,指出'單挑主頁的頂部!這些文檔是V3.2.1,它不再正式支持。查看最新版本字體的真棒!'哪個環節http://fortawesome.github.io/Font-Awesome/ – mariocatch

2

如果您在使用本font-awesome我認爲對於<i>類應該是fa fa-volume-up所以整個<i>將變爲:

<i class="fa fa-volume-up"></i> 

找到所有的類和圖標here

希望這有助於!