执行Facebook按钮时出错

时间：2014-01-30 17:06:26

标签： html facebook

这是我的HTML和JS代码：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
        <link rel="stylesheet" type="text/css" href="stil.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 = "http://connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/foofighters?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</body>
</html>

结果我得到了这个：

Screen shot

我正确地遵循Facebook文档，我不知道出了什么问题。

1 个答案:

答案 0 :(得分：1)

对您的代码进行验证测试。它无效。

删除xml并尝试使用HTML，然后根据需要继续使用XHTML。

这将有效（已测试）

<!DOCTYPE html>
<html>
<head>
        <link rel="stylesheet" type="text/css" href="stil.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 = "http://connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/foofighters?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</body>
</html>
相关问题
最新问题