我正在页面上加载两个类似Facebook的按钮,并隐藏一个。
使用edge.create事件我在显示第一个按钮后显示第二个按钮。这适用于除IE之外的所有浏览器。
在这里看看它的实际效果:http://coolkidz.com/join
点击“赞”(右上角)后,会出现第二个相似的按钮以及一条消息,邀请您喜欢该组织的粉丝页面。
IE中可能会发生什么想法?
更新
顺便说一句,这在今年早些时候确实有效。 Facebook最近的最新更新似乎已经造成了麻烦。
答案 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;