0

我的页面上有一个 Facebook 的“赞”按钮：

<div class="fb-like" data-href="http://mysite.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"/>

我也有'fb-root'div 和 SDK javascript（按钮的功能就像它应该的那样）。

出于某种原因，当“喜欢”按钮被打开时（当访问者连接到他的 Facebook 帐户并且之前已经喜欢我的页面时发生）该按钮将神奇地减小其宽度（在最后一秒的 javascript 中）并制作其他按钮（ twitter/g+) 隐藏它。它对齐了一秒钟，然后“崩溃”。

我尝试禁用我的 css 和我网站的许多其他组件，但无济于事。我附上了一张图片来说明这种情况。

编辑：我刚刚发现的东西。width 属性似乎被覆盖了。设置时width = 2000（非常高），启用点赞按钮时（用户未连接/不喜欢），按钮确实2000px很宽，但是当连接了以前喜欢的用户时，您可以在那里看到 2000px 宽度，然后它再次“崩溃”。

EDIT2：我似乎找到了罪魁祸首，但我不知道为什么以及如何解决它。似乎在 facebook 上切换按钮中生成的代码将宽度设置为 72 而不是 100。

为启用按钮生成的代码：

<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://mysite.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial">
<span style="height: 20px; width: 100px;">

为喜欢（禁用）按钮生成的代码：

<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://mysite.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial">
<span style="height: 21px; width: 72px;">

任何帮助将非常感激。谢谢！

在此处输入图像描述

4

2 回答 2

0

好吧，我最终将它添加到我的 CSS 中：

div.fb-like > span {
min-width:100px;
}

可能不是最好的方法，但它现在正在工作。

于 2012-08-17T20:11:58.240 回答
0

你可以尝试使用

<div style="width: 100px;"></div>

环绕您的代码。通常插件会在页面加载时自动适应其父元素的宽度。

如果父元素的宽度小于你的数据宽度，它可能会导致你的 Facebook 按钮缩小。这可能是您的按钮大小发生变化的原因。

于 2015-06-10T02:50:08.630 回答