問題タブ [font-awesome-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - クリック時にFont Awesome 5アイコンを置き換えるjQueryの問題?
Font Awesome 5を使用して、再生ボタンを一時停止ボタンに変更しようとしています。クリックでトグルしないように見える理由がわかりません。クリックを認識します（アラートで試したので、ボタン自体を押すと認識されます）が、内部の要素が見つからず、変更されません。
これは私のコードです:
angular - D3js v4およびAngular 4でFontAwesome v5アイコンを実装する方法
スタック
- FontAwesome v5
- D3js v4
- 角4
シナリオ
オプションのバブルが追加されたノードを持つ階層ツリーがあります (顔がノードで、追加されたノードが耳であるミッキー マウスのバルーンと考えてください)。これらのオプションに、FontAwesome のiのようなアイコンを表示して詳細情報を表示したり、xを削除したりしたいと思います。
FontAwesome 5 JavaScript CDN もインポートしましたindex.html
以上が現在持っているものです。左耳には.text('i')あり、右耳にはレンダリングしようとしている FontAwesome アイコンがあります。
さらに、アプリ全体で を使用して既に FontAwesome
<i>を使用していますが、SVG で D3 を使用して実装できるフォント ファミリとして使用する方法がわかりません。
考えられる解決策
このソリューションは別の投稿で見つけましたが、これはほぼ正確に必要なものですが、すべてをまとめる方法がわかりませんでした.
リクエスト
textAngular 4 で作成された D3.js V4 の svg で FontAwesome v5 をインポートして使用する方法を示すサンプル コードを誰かが提供できますか?
ありがとう！
javascript - 可視性を切り替えるときの Font Awesome の奇妙な動作
ユーザーの操作に応じて fa アイコンの可視性を表示または非表示に設定するコードを記述しようとしています。
これが私が達成したい動作の実用的なフィドルです：フィドル
したがって、開発者ツールで確認すると、fa-icon要素を調べてクリックすると、このフィドルに次のようなものがあることがわかります。
属性。私のウェブサイトでは、コードは同じで、アイコンを表示することができますが、表示属性を非表示に設定すると、表示することはできません。私が発見したのは、アイコンの可視性を非表示に設定した後の上記の属性が、そのままのフィドルで私のウェブサイトにドロップしていることです。これが私の問題の理由だと思います。誰かがこれに対する解決策を見つけるのを手伝ってくれますか?
これは、テキスト入力フィールドの長さに応じてアイコンの表示と非表示が必要な私のフィドルの例です。
ここで(index):86 Uncaught ReferenceError: OnInput is not definedという問題に直面しています
可視性属性を visible に変更しようとすると、実際に変更されますが、属性パスの塗りつぶしも削除されます。誰かが同じ問題を抱えていましたか？
わかりました div のトラフ要素をループしていて、間違ってアイコン要素の innerHTML を変更していました。回答ありがとうございます