动态显示/隐藏Facebook按钮

Question

这是我的问题：

我已成功在测试页面上添加了Facebook Like按钮。每页有几个项目，每个项目都有一个类似Facebook的按钮。我使用的是XFBML版本。

如果加载时页面中存在按钮，则一切运行正常。但是，现在我只想在具有项目和按钮的容器元素上鼠标悬停时显示每个项目的按钮。因此，fblike按钮html在页面加载时隐藏，我添加了一些这样的代码，以便在鼠标悬停时显示它们：

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

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

按钮现在可以完全显示鼠标悬停在容器上，但从不起作用。单击该按钮不会执行任何操作。

之前有没有人遇到过这个问题？

修改

.fblike是包含fb：like标记的div上的一个类。

需要重新解析，因为在页面加载时，隐藏了类.fblike的每个div。 Facebook JavaScript SDK不会解析隐藏的元素中的xfbml标记。

Answer 1

我认为你的问题在于这个变量范围。试试这个：

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

因为你不需要这个（调用匿名函数）而是元素（调用这个匿名函数）。