Facebook分享按钮代码返回空白页面

时间:2014-09-17 11:06:40

标签: javascript jquery html facebook facebook-graph-api

我正在拉我的头发做一个简单的Facebook按钮。 Titter花了10秒钟,我只是复制并粘贴了代码。有效。我花了四个小时试图找出为什么Facebook代码不起作用。 (我不知道Javascript BTW)。

我从Facebook获得此代码:

<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_GB/sdk.js#xfbml=1&appId=1395309104022728&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

这个html:

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/"></div>

但如果我将它全部粘贴到测试html文件中,结果就是黑页。我需要更改它(添加应用程序ID?)或什么?我很困惑。

1 个答案:

答案 0 :(得分:0)

你有sdk.js的相对网址,它不适用于文件系统。你需要http协议,即在托管网站上运行它:

js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=1395309104022728&version=v2.0";