Facebook like 按钮弹出出现然后消失在没有其他内容的页面上

Question

我在我的页面上添加了一个类似 facebook 的按钮，但是当单击它时，浮出控件会出现，然后消失。

起初我以为是页面上的其他元素隐藏了它，但即使在空白页面上，问题仍然存在。

尝试了 facebook 生成的 iframe 和 html 5 代码，但似乎都不起作用。

iframe - http://jsfiddle.net/aDK95/1/ html 5 - http://jsfiddle.net/L9nZZ/1/

在这两种情况下，它似乎都被 hidden_​​elem 类隐藏了：

    #facebook .hidden_elem {
display: none !important;
}

这似乎与 5 月报道的 FB 报道的this bug 非常相似。不过似乎并没有太大的动静。

还有其他人遇到过这个吗？知道任何解决方法吗？

Answer 1

我遇到了这个错误，它让我困惑了很长时间。我采取的纠正措施如下：

1. 确保你已经把Javascript SDK初始化了
2. 确保#fbroot div 不在隐藏的div 中
3. 在页面的 Open Graph 标签中，og:url 必须设置为 https 协议 而不是 http 协议

通过https://developers.facebook.com/tools/debug 的 Facebook 调试器运行您的页面以检查是否有任何错误。另一个帮助我解决这个问题的有趣点是，当您在 Like 配置器中输入“URL to Like”值时，生成的动态点赞按钮会显示该 url 是否可以正常工作。