Facebook喜欢按钮没有出现在Firefox中

Question

我正在使用以下代码作为我喜欢的按钮

<fb:like id="facebook-like" href="http://mysite.com/index.php" layout="button_count" width="450" show_faces="false" font=""></fb:like>

一些用户体验过没有出现的类似按钮.在3.6.17中注明,但在其他版本中观察到.我对firefox iframe的bug有点熟悉,但是如果有任何人为facebook这样的按钮做任何工作,我就很奇怪了.

Answer 1

就像使用javascript(<div class="fb-like"/>和<fb:like/>)渲染的按钮一样,如果它们最初是隐藏的,则获取高度= 0(display:none).

要解决此问题,请在显示容器后使用javascript创建元素,然后运行:

FB.XFBML.parse();

例:

result.show();
var like_box = $(".fb-like-inactive", result);
like_box.removeClass("fb-like-inactive");
like_box.addClass("fb-like");
FB.XFBML.parse();

Answer 2

这个CSS为我解决了它

.fb-like span, .fb-like iframe { height:25px!important; width:150px!important}

Answer 3

这仍然是一个问题,可以在这里看到(也包含修复):http: //codepen.io/wiledal/pen/cGnyq

如果在解析时隐藏div,Firefox不会绘制类似于Facebook的内容.在上面的例子中,我延迟了不同时间后div的显示.您可以看到500ms后显示的like按钮无法在Firefox中呈现.

我管理了一个工作,在喜欢之后不会切断评论对话框,只需使用min-height和min-width而不是之前提出的设置值.

.fb-like span, .fb-like iframe {
  min-width: 100px !important;
  min-height: 20px !important;
}  

Answer 4

我仅在 Firefox (v.29.0.1) 上遇到同样的问题，结果是 AdBlock plus (v.2.6) 阻止了 Like 和 Share 按钮的渲染。

Answer 5

您可以尝试像这样调用“赞”按钮吗：

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=195243810534550&amp;xfbml=1"></script><fb:like href="http://mysite.com/index.php" send="false" width="450" show_faces="true" font=""></fb:like>

如果您仍然遇到问题，请告诉我。