Facebook Page Plugin - rerender / modifier la largeur de façon dynamique (Responsive / RETOUR)
Je suis sur Facebook "la Page du Plugin" widget. Sur Facebook page, il est écrit:
Si vous souhaitez régler le plugin de la largeur de la fenêtre redimensionner manuellement, vous devez alors rendre à nouveau le plugin.
Comment puis-je changer dynamiquement de ce plugin est de la largeur, sans page rafraîchissant (avec, par exemple, Firefox réactif vue - CTRL+M raccourci).
Et ouais, j'ai lu CETTE post, mais aucune de ces solutions ne raconte comment alors rendre à nouveau le plugin.
Vous avez besoin de remplacer l'élément qui contient le plugin avec un avoir le nouveau paramètre de largeur, puis appeler FB.XFBML.parse
Pouvez-vous décrire cette méthode plus précisément, pour les noobs? Combien j'en ai besoin pour mettre en œuvre ce exactement?
Facebook Page du plugin est un iframe qui ne sera jamais vraiment sensible. Vous avez besoin d'utiliser un plugin comme Famax qui va travailler sur les colonnes centrales, des encadrés ou tout appareil de coeur 🙂
Pouvez-vous décrire cette méthode plus précisément, pour les noobs? Combien j'en ai besoin pour mettre en œuvre ce exactement?
Facebook Page du plugin est un iframe qui ne sera jamais vraiment sensible. Vous avez besoin d'utiliser un plugin comme Famax qui va travailler sur les colonnes centrales, des encadrés ou tout appareil de coeur 🙂
OriginalL'auteur Krzysztof Trzos | 2015-05-06
Vous devez vous connecter pour publier un commentaire.
De JavaScript/jQuery approche, vous pouvez écouter de la fenêtre de l'événement de redimensionnement et de recharger le Facebook de la Page Plugin Div conteneur. Assurez-vous que la Page FB plugin est enroulée autour d'un div parent nous pouvons donc utiliser sa taille lorsque l'on recharge la div.
C'est une bonne réponse, mais vous n'avez pas besoin de refaire toute
.fb-page
div. Juste réinitialiser les attributsdata-width
etdata-height
à de nouvelles tailles et ensuite appelerFB.XFBML.parse();
OriginalL'auteur jroi_web
Une solution pour ce problème est:
OriginalL'auteur Nicolás Guglielmi Manent
Yep, facebook la page du plugin (et d'autres que leurs plug-ins) rend seulement au chargement de la page. Et si ce plugin est caché (ou de la fenêtre après avoir rendu a été redimensionnée), vous devez dire à FB rerender de ses plugins. Cela fonctionne parfaitement avec l'appel de FB.XFBML.parse() après avoir montré/redimensionnement.
Vous pouvez le faire comme ceci:
en HTML:
en Javascript:
Il suffit d'appeler pour nouveau rendu (si vous voulez montrer plugin après avoir caché)
ou
si vous souhaitez modifier d'autres page FB plugin
class="fb-page"
au lieu declass=".fb-page"
. Supprimer le point à l'intérieur de l'attribut de classe.OriginalL'auteur Victor Perov
Solution est :
Résolu mes problèmes avec tous cachés facebook plugins après l'ajout de "caché" div du contenu dans une div principale, à l'aide du menu de la jsfiddle ci-dessus .
Menu ajout de contenu à partir d'caché balise div dans une div principale
J'allais utiliser un autre menu, c'est ce que j'allais faire .
J'ai utilisé
FB.XFBML.parse();
dans mon la fonction, avant lereturn false;
et cela a fonctionné parfaitement pour la page, les commentaires, les goûts, tous les plugins sont maintenant analysés chaque fois que le menu est cliqué .Merci .
OriginalL'auteur David Augustus
À l'aide du code à partir des réponses ci-dessus, le code ci-dessous fonctionne pour moi:
OriginalL'auteur Eddie Fann