2016-05-09 4 views
3

Alisasフォントをどうすればfa fa-usersuserのような素晴らしいフォントクラスにすることができますか?Aliasing Font Awesomeクラス

私は内線アプリケーションを開発しています、と私は、フォント素晴らしいアイコン、私のために、次の作品を使用する必要があります。使用するアイコンは、データベースの結果が駆動され、しかし

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

を、それゆえ私は、エイリアスを使用したいですクラスfa fa-usersの場合、クラスを動的に切り替えることができます。どうすればいいの?

既に試み:

方法1

CSS:別名クラスに

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

方法2

jQueryのアプローチ

どちらの場合も

はとして使用して:

<i class="user></i> 

しかし、誰のアイコンが表示されていない、私はちょうど私が行方不明ですかを把握傾けます。

+0

なぜ?クラスを設定するコードを制御する場合は、マッピングテーブルを持っていないので、UIの "fa"ユーザーにdbの "user"をマップする必要はありませんか?必要なのは、単純なオブジェクト '{user:" fa fa-users "、...}'だけです。 –

+0

これは私の最後の手段ですが、sqlクエリでCSSクラスを指定するのは難しいと感じています。クエリを頻繁に変更する必要があります。私は自分自身をプロのコードに慣れていないので、そのアプローチはわかりません – Raghu

+0

それは私が言っていることではありません。あなたのSQLクエリを実行し、結果を得ると、それを「データベースから受け取ったデータ」から「ブラウザで使用されたマークアップ」に変換します。あなたのデータベースがHTMLを生成することはありません。それは本当に変です。 –

答えて

3
代わり iaddClassにあなたが持っている

$('.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>

+0

私はなぜこれが私のために働いていないのかわかりません。 – Raghu

+0

あなたのサイトへのリンクを提供してください – dippas