添加facebook像按鈕裏面的div不工作

我想添加facebook像按鈕裏面的div，但它不工作。添加facebook像按鈕裏面的div不工作

我已經包含由Facebook提供的JavaScript sdk。這是Facebook的指令上添加一個類似按鈕http://i.imgur.com/42iLPDy.jpg以下是我的代碼：

body { 
 
    margin:0px; 
 
    padding:0px; 
 
} 
 
#wrapper { 
 
    width: 100%; 
 
    height: 50px; 
 
    background-color: black; 
 
}

<!DOCTYPE HTML> 
 
<html lang="en"> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css" /> 
 
</head> 
 
<body> 
 
    <div id="fb-root"></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/sdk.js#xfbml=1&version=v2.3"; 
 
      fjs.parentNode.insertBefore(js, fjs); 
 
     }(document, 'script', 'facebook-jssdk')); 
 
    </script> 
 
    <div id="wrapper"> 
 
     <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> 
 
    </div> 
 
</body> 
 
</html>

來源

2015-05-17 Saurabh Chaudhary

描述什麼是行不通的。「不工作」太廣泛。 – 4386427

@StillLearning Facebook按鈕沒有顯示。 –

我建議你回到facebook開發者工具，並更仔細地按照說明 – Tatenda

由於下面的代碼行的，我想你需要測試這個Web服務器上：

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";

*更新：它不會在本地工作，即使您添加http：在//之前。我只是使用你的代碼上傳了一個測試頁到我的主機帳戶，按鈕顯示得很好。

* UPDATE2：此鏈接解釋了爲什麼Facebook的要求被託管，而不是本地此按鈕的工作網站：How do I test the Facebook "Like" button on localhost?

來源

2015-05-17 18:11:52 Thinkstr8

謝謝，它在我將其上傳到網絡服務器時起作用，在本地它沒有工作。 –

我可以看到你沒有做錯任何事。嘗試添加下面的腳本之前：

window.fbAsyncInit = function() { 
FB.init({ 
    appId  : 'your fb app id', 
    xfbml  : true, 
    version : 'v2.3' 
}); 
};

那麼這在您想要的代碼是

<div 
     class="fb-like" 
     data-share="false" 
     data-width="20" 
     data-show-faces="false"> 
    </div>

來源

2015-05-17 18:41:51 Tatenda

添加facebook像按鈕裏面的div不工作

回答

相關問題