Question

我有以下代码，但在首先出现Facebook Like框时遇到问题。有人可以帮助指出我错在哪里。以Venus William的粉丝页为例。对内容的所有权利都归她所有。

非常感谢。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Your Wishes</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <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>
    </head>
    <body>
    <div id="fb-root"></div>
    <section id="content"><div class="ic"></div>
        <div class="container_24">
            <div class="grid_24">
                <div class="top-1">
                    <br>
                    <br>
                    <h4><strong>Your</strong> wishes:</h4>
                    <div class="fb-like-box" data-href="https://www.facebook.com/VenusWilliams" data-width="1600" data-height="700" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="false"></div>
                </div>
            </div>  
            <div class="clear"></div>
        </div>
    </section> 

     <footer>
      <p><strong>© 2013  </strong><br> <a class="link" href="" target="_blank" rel="nofollow"></a> Designed and developed by . 2013.</p>
      <div class="soc-icons"><a href="#"><img src="" alt=""></a><a href="#"><img src="images/icon-2.png" alt=""></a><a href="#"><img src="" alt=""></a></div></div>
  </footer> 
</body>
</html>

Answer 1

您是直接从文件中运行它吗？ Facebook片段使用Ajax调用来显示Facebook页面内容，因此您需要从Web服务器运行您的页面 - 即使是devserver（localhost）也应该有效。

Answer 2

使用本地服务器（WAMP），检查您的代码，它运行正常....
请查看此链接 DEMO

如果您可以在上面的演示链接中看到它，那么您的代码很好，但您有一些浏览器或服务器特定的问题！：）

JS的这个特定部分可能看起来像非服务器所需的代码，但它调用服务器响应，您需要从服务器执行代码：

 (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'));

尽管代码已到位，Facebook Like Box也不会出现

2 个答案: