Heim >Web-Frontend >js-Tutorial >Warum werden meine dynamisch eingefügten Facebook-Social-Plug-ins ausgeblendet?
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!