使用JQuery将一个Font-Awesome图标附加到H1元素

Question

我正在尝试使用JQuery动态地将FA图标附加到<h1>标记。图标确实附加;但是，它不会在显示器上呈现。我的JQuery代码段是一个非常简单明了的代码：

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

一旦某个条件（如另一个脚本中所述）检出，就会调用上述函数。该脚本没有错，因为我可以在Web Inspector中看到附加的FA图标：

这可能会发生什么？

Answer 1

FontsAwesome使用以下语法：

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

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

Answer 2

如果您正在使用此font-awesome，我认为<i>的课程应为fa fa-volume-up，以便您的整个<i>成为：{/ p>

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

查找所有课程和图标here

希望这有帮助！