像按钮没有出现

时间:2012-07-01 18:25:04

标签: html5 facebook facebook-like facebook-social-plugins

所以这对我来说很奇怪,希望有人可以帮助我。

当我将下面的代码添加到html页面然后打开它时,不会出现类似按钮。但是当我在jsfiddle中这样做时它会起作用http://jsfiddle.net/wZFss/任何人都有任何想法可能会出错?

谢谢,J

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.diabolotricks.net" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
<p>helloworld</p>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您的文档类型设置为xhtml 1.1,并使用html5按钮代码。

您需要使用iframe按钮,xfbml按钮或将您的doc类型更改为html5。

请参阅:http://www.w3.org/QA/2002/04/valid-dtd-list.html

请参阅:https://developers.facebook.com/docs/reference/plugins/like/