Ich benutze Facebooks "Page Plugin" Widget. Auf der Facebook-Seite steht:
Wenn Sie die Breite des Plugins bei der Fenstergrößenanpassung anpassen möchten, müssen Sie das Plugin manuell erneut rendern.
Wie kann ich die Breite dieses Plugins dynamisch ändern, ohne die Seite zu aktualisieren (z. B. Firefox responsive view - STRG + M Verknüpfung).
Und ja, ich habe DIESE Post gelesen, aber keine dieser Lösungen sagt wie man das Plugin neu rendert.
Bei der JavaScript / jQuery-Vorgehensweise sollten Sie sich das Fenstergröße-Ereignis anhören und den Facebook Page Plugin Div-Container erneut laden. Stellen Sie sicher, dass das FB-Seiten-Plug-in um ein Eltern-div gewickelt ist, damit wir seine Größe verwenden können, wenn wir das div erneut laden.
%Vor%Ja, das Facebook-Seiten-Plugin (und andere Plugins) wird nur beim Laden der Seite gerendert. Und wenn dieses Plugin ausgeblendet wird (oder das Fenster nach der Größenänderung des Fensters), musst du FB seine Plugins rendern. Dies funktioniert perfekt mit dem Aufruf von FB.XFBML.parse () nach dem Anzeigen / Ändern der Größe.
Du kannst es so machen:
in HTML:
%Vor%in Javascript:
%Vor%Rufen Sie einfach erneut an (wenn Sie das Plugin nach dem Ausblenden anzeigen möchten)
%Vor%oder
%Vor%wenn Sie ein anderes FB-Seiten-Plugin
ändern möchtenLösung ist:
%Vor%Hat meine Probleme mit allen versteckten Facebook-Plugins gelöst, nachdem ich "versteckte" div-Inhalte in ein main-div eingefügt habe, indem ich das Menü aus der obigen jfiddle benutzt habe.
Menü zum Anhängen von Inhalten aus versteckten divs in ein main div
Ich wollte ein anderes Menü benutzen, das ist was ich tun würde.
Ich habe FB.XFBML.parse(); in meiner Funktion verwendet, vor return false; und es funktionierte perfekt für Seite, Kommentare, Likes, alle Plugins werden nun bei jedem Klick auf das Menü geparst.
Danke.
Tags und Links javascript css php facebook responsive-design