使用 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> 的 class 应该是 fa fa-volume-up 所以你的整个 <i> 将变成：

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

找到所有 class 元素和图标 here

希望对您有所帮助！