Facebook javascript sdk Facebook的发送按钮在一段时间后消失了

我刚刚在我的网站上添加了一个Facebook发送插件。一切都很完美，但有时Facebook的发送按钮消失了。重新加载页面时，发送按钮再次出现

这是我的密码：

<div id="fb-root"></div>
<div class="fb-send" data-href="http://www.google.com" ></div>
<script>
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=519408*********";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>

<iframe name="f3ff0f29fc" width="1000px" height="1000px" frameborder="0"  allowtransparency="true" scrolling="no" title="fb:send Facebook Social Plugin" src="" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=519408*****”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

FacebookSend插件还有一个问题，自动生成的

标签的高度和宽度是1000px。如果我检查元素，就会出现此代码

这是我的密码：

<div id="fb-root"></div>
<div class="fb-send" data-href="http://www.google.com" ></div>
<script>
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=519408*********";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>

<iframe name="f3ff0f29fc" width="1000px" height="1000px" frameborder="0"  allowtransparency="true" scrolling="no" title="fb:send Facebook Social Plugin" src="" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe>

---

在我看来，您在尝试实现FB Send插件时似乎做错了什么。 您的

脚本

标记已损坏，您使用的是发送按钮不支持的

iframe

您应该尝试创建一个新的

---

确保按照说明正确复制代码。

如果您查看@Dementic posted:

查看“获取发送按钮”下的示例按钮，您可以在其中设置按钮样式。看吧，这也会在40秒后消失

我有一个不可见的iframe重叠的模拟问题，所以我在特定的

li

中添加了一个宽度，在那里我有[send]按钮，直到我有时间进一步调查

我不久前设置了[send]按钮，它们很好，所以FB最近肯定做了一些改变

---

我不确定为什么在我的网站和上面的facebook开发者链接上，“发送”按钮会在40秒后消失…

我同意这里的其他评论，这种行为是一致的，因此必须是FB的一项功能。该按钮仅在未登录FB时消失

以下是避免此问题的两种方法：

一,

当然，一种方法是使用发送按钮，将发送属性设置为true（在HTML5代码样式中，添加属性：

data SEND=“true”

）。此发送按钮不会消失

二,

另一种方法是设置css规则（对于HTML5样式）：

div.fb-send iframe{宽度：60px！重要；高度：30px！重要；}

宽度和高度可以是您想要的任何值。您可能需要增加几个像素作为宽度，以适应将“send”字翻译为4个以上字母的语言。

添加以下CSS：

div.fb-send iframe { min-width: 59px !important; min-height: 20px !important; }

然后还向.fb send div添加data width=“59”data height=“20”，以设置起始iframe样式的高度，否则将保留1000px的高度，从而在其下方创建一个不可见层禁用按钮

<div class="fb-send" data-width="59" data-height="20" data-href="http://example.com"></div>

您使用哪种方法？iframe还是xfbml？发送按钮也不支持iframe，您的结束

脚本

标记已损坏。它应该是

而不是

/script

我使用的是xfbml方法。如果看到链接，则会出现一个水平滚动。该滚动将显示ifram宽度。然后，在xfbml方法中没有iframe。我告诉你，当我检查发送按钮时，当我没有登录到FB时，这个iframe标记会出现这种行为。此外，页面上还会出现一个水平滚动条。他们真的把事情搞砸了。。。Hope FB很快就修复了它选项2修复了发送按钮的消失，但单击它后不会显示对话框窗口。@JoaoLeme，确保所有祖先元素都有

溢出：可见css指令，以及至少任何小于弹出iframe+发送按钮的维度的指令。不可能有溢出的iframe