2012-12-13 42 views
4

我在我的網站上有Facebook按鈕的xfbml版本,我注意到,當頁面加載時,按鈕加載在右側然後居中(本應該是的位置) 。我玩過不同大小的寬度,最後將其設置爲0或自動修復問題。按鈕加載在中心並且不移動。Facebook喜歡按鈕最小寬度

我的問題是,如果它允許有「寬度:自動」,因爲在Facebook開發者頁面上它聲明最小值是「225」。

我很抱歉,但我是一個完整的初學者。

<fb:like href="http://mywebsite.com" send="false" layout="button_count" width="auto" show_faces="false" font="verdana"></fb:like> 
+0

對不起復活,但任何人? – Junior466

回答

1

你說得對,沒有辦法讓Like按鈕有auto的寬度。

作爲一種解決方法,您可以測量按鈕應採用的空間寬度,並在按鈕代碼中動態指定它的寬度,但在這種情況下,您必須使用FB.parse()將<fb:like>代碼轉換爲工作按鈕。

例:

$(document).ready(function(){ 

    btnWidth = parseInt($(".buttonContainer").width(), 10) - 5; 

    $(".buttonContainer").append('<fb:like href="http://mywebsite.com" send="false" layout="button_count" width="' + btnWidth + '" show_faces="false" font="verdana"></fb:like>'); 
    FB.parse($(".buttonContainer").get()); 

}); 
+0

...這個例子假定你已經初始化了Facebook Javascript SDK並且在這個例子運行之前執行了FB.init(),否則FB.parse()將不起作用。 – Sych