問題タブ [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 - JavaScript を使用して DOM に挿入された Font-Awesome アイコンは、ページが更新されるまで表示されません。
JSONデータに応じてさまざまなアイコンを選択して挿入するために、Javascriptを使用してページを構成しています。ページが更新されるまで、挿入されたアイコンの 1 つ以上が表示されないことがあります。Firefox はすべてのアイコンで失敗することがわかりましたが、Chrome は更新後に問題ありません。
DOM を調べると、不足している要素が HTML にあることがわかります。
作業要素は次のように示されていますが、
したがって、DOM インジェクションは機能しているように見えますが、font-awesome はそれを svg に展開していません。これはタイミングの問題の可能性がありますか?
CDN バージョンの font-awesome (js および css) とローカルの両方で実行して、それが問題であるかどうかを確認しましたが、そうではありません。
Javascript スニペット
css - Font Awesome 5 SVG は疑似連鎖アイコンのレンダリングを防止します
バージョン 4 では、評価グラフィックのアイコンを連鎖させました。
バージョン 5 では、疑似属性が正しく動作するように構成する必要がありますが、コンテンツ内のチェーン アイコンは、Font Awesome 5 で認識されなくなりました。
以下のコードは svg として表示されません。
これを解決するための回避策 (SVG の作成を防止するなど) または「ベスト プラクティス」アプローチはありますか?