FB图形无法加载?

时间:2011-10-07 19:48:48

标签: facebook button

我正在尝试简单地将类似按钮添加到我的简单网站中,而我根本没有得到任何图形。我去了AddThis,他们的实现也不起作用。我的系统设置不正确还是我犯了新手错误。这是代码,我得到的是带有段落的红色框。 谢谢你的帮助!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml: lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
    <title>Facebook button test</title>
</head>

<body>
    <style type="text/css">
        .content p {
            border: 1px solid red;
            position: relative;
        }
        .fb-root {
            border: 3px solid blue;
            height: 200px;
            width: 500px;
            padding: 1em;
            float: right;
        }
        .fb-like {
            border: 10px solid green;
            padding: 1em;
        }   
    </style>

    <div class="content">
        <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/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <fb:like href="facebook.com/burgessfww" send="true" layout="button_count" width="450" show_faces="false"></fb:like>

        <p> Some text to take up some space and see what's happening!</p>       
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

我认为这个问题很简单......但是因为我没有测试它你应该这样做!

<html xmlns="http://www.w3.org/1999/xhtml" xml: lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#">

这似乎是你的错:XMLNS:FB两次

xmlns:fb =“http://www.facebook.com/2008/fbml”xmlns:fb =“http://ogp.me/ns/fb#”

将其更改为

xmlns:fb =“http://www.facebook.com/2008/fbml”xmlns:og =“http://ogp.me/ns/fb#”

最好的问候

相关问题