26

新しい FontAwesome SVG フレームワークを使用しながら、Javascript でアイコンを切り替えられるようにしたいと考えています。

以前の古い WebFont メソッドでは、これはタグのクラスを切り替えたり変更したりすることで実現されていましたが、現在はソース コードで SVG としてレンダリングされるため、これは機能しなくなりました。

ソースコードで両方の SVG アイコンをレンダリングし、追加のクラス/CSS を使用して表示を切り替える必要なく、これを行う方法はありますか?

4

9 に答える 9

6

私も同じ問題を抱えていました.FontAwesome Webサイトには次のように記載されていることがわかりました（最後までスクロールした後）：

<svg>交換する代わりにタグをネスト

タグの置換が<i>必要なように機能しない場合があります。

タグ内にネストするように Font Awesome を構成できます。

そのためには、FontAwesomeConfigobject と setだけautoReplaceSvg: 'nest'です。

<script>
    FontAwesomeConfig = { autoReplaceSvg: 'nest' }
</script>
于 2018-04-02T14:02:23.003 に答える