第二个Facebook喜欢按钮不在IE中呈现

时间:2012-09-09 23:13:59

标签: internet-explorer facebook-like

我正在页面上加载两个类似Facebook的按钮,并隐藏一个。

使用edge.create事件我在显示第一个按钮后显示第二个按钮。这适用于除IE之外的所有浏览器。

在这里看看它的实际效果:http://coolkidz.com/join

点击“赞”(右上角)后,会出现第二个相似的按钮以及一条消息,邀请您喜欢该组织的粉丝页面。

IE中可能会发生什么想法?

更新

顺便说一句,这在今年早些时候确实有效。 Facebook最近的最新更新似乎已经造成了麻烦。

2 个答案:

答案 0 :(得分:3)

实际上,我也没有看到Firefox中的第二个按钮 - 因为它周围的<span>元素和iframe也被设置为width:0; height:0; ......

  

IE中可能会发生什么想法?

它认为在IE中尝试渲染当前对页面隐藏的XFBML元素是有问题的。首先尝试使元素可见,然后在其上显式运行FB.XFBML.parse。

答案 1 :(得分:1)

我遇到了同样的问题,类似按钮位于加载页面时隐藏display:none;的div内。

当Facebook SDK加载时,它检查外部div宽度/高度是什么,然后将Facebook跨度宽度/高度和内部iframe宽度/高度调整为外部div宽度/高度。

如果您的div设置为隐藏,其宽度/高度为0,我的解决方案是使用css visibility:hidden;