我正在页面上加载两个类似 Facebook 的按钮并隐藏一个。
使用 edge.create 事件,我在第一个按钮出现后显示第二个类似按钮。这适用于所有浏览器,除了 IE。
在这里看看它的实际效果:http: //coolkidz.com/join
单击“喜欢”(右上角)后,会出现第二个“喜欢”按钮以及一条消息,邀请您喜欢该组织的粉丝页面。
任何想法可能在 IE 中发生什么?
更新
顺便说一句,这在今年早些时候确实奏效了。Facebook 端的一个相对较新的更新似乎造成了麻烦。
我正在页面上加载两个类似 Facebook 的按钮并隐藏一个。
使用 edge.create 事件,我在第一个按钮出现后显示第二个类似按钮。这适用于所有浏览器,除了 IE。
在这里看看它的实际效果:http: //coolkidz.com/join
单击“喜欢”(右上角)后,会出现第二个“喜欢”按钮以及一条消息,邀请您喜欢该组织的粉丝页面。
任何想法可能在 IE 中发生什么?
更新
顺便说一句,这在今年早些时候确实奏效了。Facebook 端的一个相对较新的更新似乎造成了麻烦。
实际上,我在 Firefox 中也没有看到第二个点赞按钮——因为<span>
它周围的元素和 iframe 都设置为width:0; height:0;
……</p>
任何想法可能在 IE 中发生什么?
它认为在 IE 中尝试渲染当前隐藏在页面中的 XFBML 元素是有问题的。尝试先使元素可见,然后显式运行 FB.XFBML.parse。
display:none;
我遇到了同样的问题,like 按钮位于页面加载时隐藏的 div 内。
当 Facebook SDK 加载时,它会检查外部 div 宽度/高度,然后将 Facebook 跨度宽度/高度和内部 iframe 宽度/高度调整为外部 div 宽度/高度。
如果您的 div 设置为隐藏它的宽度/高度为 0,我的解决方案是使用 cssvisibility:hidden;