Heim >Web-Frontend >js-Tutorial >Warum werden meine dynamisch eingefügten Facebook-Social-Plug-ins ausgeblendet?

Warum werden meine dynamisch eingefügten Facebook-Social-Plug-ins ausgeblendet?

DDD
DDDOriginal
2024-11-05 20:20:02672Durchsuche

Why Are My Dynamically Injected Facebook Social Plug-ins Hidden?

Dynamische Einbindung von Facebook-Social-Plug-ins führt zu Sichtbarkeitsproblemen

Das Hinzufügen von Social-Plug-ins von Facebook verbessert die Interaktivität von Webseiten. Beim Versuch, solche Plug-ins mithilfe von JavaScript-Code dynamisch einzubinden, können jedoch Probleme auftreten.

Ein solches Problem beim Hinzufügen von Facebook-Social-Plug-ins besteht darin, dass sie verborgen bleiben, obwohl sie zur Seite hinzugefügt wurden. Dies tritt auf, wenn das Plug-in manuell zum DOM hinzugefügt wird, nicht jedoch, wenn es dynamisch mithilfe von JavaScript hinzugefügt wird.

Behebung des Problems:

Um dieses Problem zu beheben, verwenden Sie es ist notwendig, um die Funktion FB.XFBML.parse() aufzurufen. Mit dieser Funktion kann das JavaScript SDK das DOM erneut auf alle zusätzlichen sozialen Plug-ins analysieren, die dynamisch hinzugefügt wurden.

Der folgende Code zeigt, wie FB.XFBML.parse() verwendet wird:

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

Durch den Aufruf dieser Funktion nach dem dynamischen Hinzufügen des Facebook-Social-Plug-Ins erkennt das SDK das neue Plug-In und rendert es entsprechend.

Zusätzliche Informationen:

Das Facebook JavaScript SDK scannt das DOM einmal bei der Initialisierung, um alle vorhandenen Social-Plug-in-Elemente zu identifizieren und zu analysieren. Bei dynamisch hinzugefügten Inhalten ist dieser Schritt des erneuten Parsens jedoch erforderlich, um sicherzustellen, dass das neu hinzugefügte Plug-in erkannt und korrekt angezeigt wird.

Das obige ist der detaillierte Inhalt vonWarum werden meine dynamisch eingefügten Facebook-Social-Plug-ins ausgeblendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn