Heim > Web-Frontend > js-Tutorial > Hauptteil

Warum werden meine Facebook-Social-Plugins nicht angezeigt, wenn sie dynamisch hinzugefügt werden?

Barbara Streisand
Freigeben: 2024-11-05 14:30:02
Original
353 Leute haben es durchsucht

Why Are My Facebook Social Plugins Not Displaying When Added Dynamically?

Unerwartetes Fehlen eines dynamisch hinzugefügten Facebook-Social-Plugins

Beim Einbinden von Facebook-Social-Plugins in eine Webseite tritt ein häufiges Problem auf, wenn die Plugins ausfallen angezeigt werden, nachdem es dynamisch hinzugefügt wurde. Während das manuelle Hinzufügen des Plugin-Blocks:

<div class="fb-comments" data-href="http://website.com/z" data-width="700" data-numposts="7" data-colorscheme="light"></div>
Nach dem Login kopieren

die gewünschten Ergebnisse liefert, bleibt derselbe Code bei dynamischer Ausführung über JavaScript verborgen.

Die Lösung

Das Facebook JS SDK durchsucht das Dokument bei der Initialisierung nach Elementen, die sozialen Plugins ähneln. Nachträglich hinzugefügte Inhalte bleiben jedoch unentdeckt und für das SDK nicht zugänglich. Um dies zu beheben, muss die Methode FB.XFBML.parse() aufgerufen werden:

FB.XFBML.parse();
Nach dem Login kopieren

Diese Methode initiiert einen weiteren Parsing-Zyklus und integriert den neu hinzugefügten Inhalt in die Rendering-Engine des SDK.

Das obige ist der detaillierte Inhalt vonWarum werden meine Facebook-Social-Plugins nicht angezeigt, wenn sie dynamisch hinzugefügt werden?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!