動的に挿入された Facebook ソーシャル プラグインが非表示になるのはなぜですか?

Facebook ソーシャル プラグインの動的挿入で可視性の問題が発生する

Facebook からソーシャル プラグインを追加すると、Web ページの対話性が強化されます。ただし、JavaScript コードを使用してこのようなプラグインを動的に挿入しようとすると、問題が発生する可能性があります。

Facebook ソーシャル プラグインを追加するときに発生する問題の 1 つは、ページに追加されたにもかかわらずプラグインが非表示のままになることです。この問題は、プラグインが DOM に手動で追加された場合に発生しますが、JavaScript を使用して動的に追加された場合には発生しません。

問題の解決方法:

この問題を解決するには、 FB.XFBML.parse() 関数を呼び出すために必要です。この関数を使用すると、JavaScript SDK は動的に追加されたソーシャル プラグインの DOM を再解析できます。

以下のコードは、FB.XFBML.parse():

<code class="javascript">FB.XFBML.parse();</code>

Facebook ソーシャル プラグインを動的に追加した後にこの関数を呼び出すと、SDK は新しいプラグインを認識し、それに応じてレンダリングします。

追加情報:

Facebook JavaScript SDK は、初期化時に DOM を 1 回スキャンして、既存のソーシャル プラグイン要素を識別して解析します。ただし、動的に追加されたコンテンツの場合、新しく追加されたプラグインが正しく認識され、表示されることを確認するために、この再解析手順が必要です。

以上が動的に挿入された Facebook ソーシャル プラグインが非表示になるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。