倒数泡泡,怎么避免?

时间:2011-10-28 21:49:50

标签: facebook internet-explorer html5

FB代码加载在页面上隐藏的div中。单击一个部分时,使用jQuery我将内容移动到一个新位置。这会导致box_count气泡崩溃,仅在IE中崩溃。进入HTML我看到.connect_widget_number_cloud分类元素的width属性设置为1px。由于它位于不同的域中,因此无法进入子内容并更新宽度。有什么我可以做的:1。强制气泡不显示所以我可以覆盖一个气泡或2.让它在IE中正确渲染?

在泡沫移动之前,泡沫按预期显示。

1 个答案:

答案 0 :(得分:0)

您可以通过动态添加窗口小部件代码而不是将其内联来解决此问题。您可以在适当的区域中使用空占位符DIV,然后在展开该部分时添加代码并告诉Javascript SDK解析它。例如,使用jQuery简洁:

var placeholder = $('#placeholder_id');
placeholder.append('<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>');
FB.XFBML.parse(placeholder[0]);

这方面的一个好处是,这意味着窗口小部件仅在部分扩展时呈现,这可能会略微减慢部分的加载速度,但会加快页面加载的其余部分。