Question

在过去几天的某个时候，我网站上的所有类似按钮现在都显示重复，并且它们周围的间距发生了变化，因此空间太大了。 Facebook最近有什么变化会导致我的代码过去工作得很好吗？

以下是一个示例链接http://www.weddingwise.co.nz/vendor/kumeu-valley-estate。向下滚动到左侧文本下方，你会看到相似的按钮。

我用来制作按钮的代码如下：

<div class="fb-like"><fb:like show_faces="false" font="lucida grande"></fb:like></div>

在我的身体底部，我有这个代码

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '150631368293357', status: true, cookie: true,
         xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
  '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

我在每个页面上都有开放的图形内容。匹配上述链接的示例是：

<meta property="og:title" content="Kumeu Valley Estate"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.weddingwise.co.nz/vendor/kumeu-valley-    estate/"/>
<meta property="og:image" content="http://www.weddingwise.co.nz/images/uploads/vendor-thumbs/kumeuestate.jpg"/>
<meta property="og:site_name" content="WeddingWise.co.nz"/>
<meta property="fb:app_id" content="150631368293357"/>
<meta property="og:description"content="Kumeu Valley Estate wedding vendor profile &amp; reviews on WeddingWise.co.nz"/>

此代码之前工作正常，但就在今天我注意到类似的按钮正在复制。它们似乎运行良好，虽然这只是其中两个显示的美容问题。

这是一个错误还是facebook改变了什么？我需要做些什么才能让它们再次正常显示？

Answer 1

我遇到了同样的问题。

我不知道为什么，但将<div class="fb-like">中的班级名称更改为<div class="fblike">会修复此问题。

Answer 2

FYI将class =“fb-like”添加到任何元素会导致此行为 - 在我的情况下。我错误地使用这个类名称为Facebook和Twitter按钮容器添加填充，最终得到了3个类似Facebook的按钮！因此，请避免对类名使用“fb- 任何”。谁知道Facebook下一步会做什么？！

Answer 3

我不是100％肯定，但我认为有一个未封闭的标签导致它被渲染两次，因为当我查看源代码时，显然只有一个像按钮，我没有看到其他页面渲染这两次。我首先要为列出的页面here修复很多html验证错误，或者检查你的源代码控制以确保其他内容没有被更改导致这个问题。

Answer 4

我有同样的问题。似乎Facebook已经更新了他们的fb：就像实现脚本而没有告诉任何人。它现在添加一个标准的按钮，它发现类“fb样”！重命名该类可以解决问题。

就像按钮刚刚开始显示重复。 Facebook的结尾有什么变化吗？

4 个答案: