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
Freigeben: 2024-11-05 20:20:02
Original
686 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage