使用 JQuery 将 Font-Awesome 图标附加到 H1 元素
Appending a Font-Awesome icon to an H1 element using JQuery
我正在尝试使用 JQuery 将 FA 图标动态附加到 <h1>
标签。该图标确实被附加了;但是,它不会在显示器上呈现。我的 JQuery 代码段非常简单明了:
function pronounce() {
$('h1.source-text').append('<i class="icon-volume-up pronounce"></i>');
};
一旦某个条件(如另一个脚本中所述)检查出来,就会调用上述函数。脚本没有错,因为我可以在我的 Web Inspector 中看到附加的 FA 图标:
这里可能发生了什么?
FontsAwesome 使用以下语法:
<i class="fa fa-volume-up"></i>
来源:http://fortawesome.github.io/Font-Awesome/icon/volume-up/
如果你使用这个 font-awesome 我认为 <i>
的 class 应该是 fa fa-volume-up
所以你的整个 <i>
将变成:
<i class="fa fa-volume-up"></i>
找到所有 class 元素和图标 here
希望对您有所帮助!
我正在尝试使用 JQuery 将 FA 图标动态附加到 <h1>
标签。该图标确实被附加了;但是,它不会在显示器上呈现。我的 JQuery 代码段非常简单明了:
function pronounce() {
$('h1.source-text').append('<i class="icon-volume-up pronounce"></i>');
};
一旦某个条件(如另一个脚本中所述)检查出来,就会调用上述函数。脚本没有错,因为我可以在我的 Web Inspector 中看到附加的 FA 图标:
这里可能发生了什么?
FontsAwesome 使用以下语法:
<i class="fa fa-volume-up"></i>
来源:http://fortawesome.github.io/Font-Awesome/icon/volume-up/
如果你使用这个 font-awesome 我认为 <i>
的 class 应该是 fa fa-volume-up
所以你的整个 <i>
将变成:
<i class="fa fa-volume-up"></i>
找到所有 class 元素和图标 here
希望对您有所帮助!