Afficher/masquer dynamiquement le bouton Facebook like

Question

Voici mon problème:

J'ai réussi à inclure le bouton Facebook Like sur ma page de test. Il y a plusieurs articles par page et il y a un bouton facebook par article. J'utilise la version XFBML.

Tout va bien si les boutons sont présents dans la page au chargement. Cependant, maintenant je veux montrer les boutons par élément seulement au passage de la souris sur l'élément conteneur ayant l'élément et le bouton. Ainsi, le bouton fblike html est caché sur le chargement de la page et j'ai ajouté du code pour les montrer sur mouse-hover :

$(content).mouseenter(function(){ 
     $(this).find('.fblike').show(); // toggle the display of the button 

     FB.XFBML.parse(this); //re-parse xfbml 
    }); 

Le bouton apparaît parfaitement sur le pointeur de la souris sur le conteneur maintenant, mais ne fonctionne jamais. Cliquer sur le bouton ne fait rien.

Est-ce que quelqu'un a déjà rencontré ce problème?

EDIT:

.fblike est une classe sur une div contenant le fb: comme étiquette.

La ré-analyse est requise car lors du chargement de la page, chaque div avec la classe .fblike est masqué. Le SDK JavaScript de Facebook n'analyse pas les balises xfbml à l'intérieur des éléments qui sont cachés.

Answer 1

Je pense que votre problème est dans cette portée variable. Essayez ceci:

 
FB.XFBML.parse($(this)); 

Parce que vous n'avez pas besoin de cette (fonction anonyme appelée), mais l'élément (sur lequel cette fonction anonyme a été appelée).