别名字体真棒类答案

【问题标题】：Aliasing Font Awesome Class别名字体真棒类
【发布时间】：2016-05-10 13:22:33
【问题描述】：

我如何正确地别名字体真棒类，例如 fa fa-users 到 user ？

我正在开发一个 Ext 应用程序，我需要使用很棒的字体图标，以下对我有用：

<i class="fa fa-users"></i>

但是使用的图标是数据库结果驱动的，因此我希望为fa fa-users 使用别名类，然后我可以动态切换类。我该怎么做。

已经试过了：

方法一

CSS：

.user
{
font-family: FontAwesome;
   content: "\f095";
}

方法二

Jquery 的别名类方法

$document.ready(function(){
$('.users').addClass('fa fa-users');
}):

在这两种情况下都使用 as：

<i class="user></i>

但是没有出现任何图标，我就是想不通我错过了什么。

【问题讨论】：

为什么？如果您控制设置类的代码，为什么不使用映射表将数据库中的“用户”映射到 UI 的“fa fa-users”？您只需要一个普通对象{ user: "fa fa-users", ...}。
这是我最后的手段，但在 sql 查询中指定 css 类感觉不对。需要频繁的查询更改。我自己是专业编码的新手，所以不确定这种方法
这不是我要说的。执行 SQL 查询，当您返回结果时，将其从“从数据库接收的数据”转换为“浏览器中使用的标记”。你不让你的数据库生成 HTML，那真的很奇怪。
是的，我目前就是这样做的。但正在寻找 UI 问题的 UI 解决方案。

标签： css fonts extjs4 font-awesome

【解决方案1】：

你必须将addClass改为i

$('.users i').addClass('fa fa-users');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet" />
<div class="users">
  <i></i> 
</div>

【讨论】：

请提供您网站的链接