2011-09-08 30 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下一步會做什麼?

相關問題