使用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

如果您使用的是超棒的字体，我认为<i>的类应该是fa fa-volume-up所以整个<i>都将变为：

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

在此处找到所有课程和图标

希望这可以帮助！