这是我的问题:
我已经成功地在我的测试页面上包含了 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 标签。