2011-09-08 57 views
3

在过去几天的某个时间,我网站上的所有按钮都显示重复项,并且它们周围的间距发生了变化,因此存在太多空间。最近在Facebook的最后有什么变化,会导致我的代码,以前的工作良好开始行为像这样?像按钮刚刚开始显示重复。 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做出了改变或什么?我需要做些什么才能让他们再次正确显示?

回答

0

我不是100%确定的,但我认为有一个未关闭的标记会导致它呈现两次,因为当我查看源代码时,显然只有一个按钮,而我没有看到其他页面渲染这两次。我将首先解决页面列出的here页面的html验证错误,或者检查您的源代码控制以确保其他内容没有被更改导致此问题。

2

我有同样的问题。

我不知道为什么,但是把<div class="fb-like">改成<div class="fblike">的类名固定了。

0

我有同样的问题。似乎Facebook已经更新了他们的fb:像实施脚本而不告诉任何人。它现在增加了一个标准的按钮,它找到类“fb-like”!重命名类可以解决问题。

1

FYI将class =“fb-like”添加到任何元素都会导致此行为 - 就我而言。我犯了使用这个类名来添加填充到Facebook和Twitter按钮容器的错误,并最终得到了3个Facebook按钮!因此,避免对类名使用“fb- 任何东西”。谁知道Facebook下一步会做什么?