Facebook Like Box 不会出现，尽管代码已经到位答案

【问题标题】：Facebook Like Box won't appear, despite code being in placeFacebook Like Box 不会出现，尽管代码已经到位
【发布时间】：2013-11-26 13:31:42
【问题描述】：

我有以下代码，但在让 Facebook Like 框首先出现时遇到问题。有人可以帮助指出我错在哪里。以维纳斯威廉的粉丝页面为例。内容的所有权利归她所有。

非常感谢。

    <!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>

【问题讨论】：

有时是因为浏览器中安装了一些弹窗拦截插件...您是否在其他浏览器中检查过？
是的，我做到了。但也面临同样的问题。

标签： css html facebook-like jscript

【解决方案1】：

使用本地服务器 (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'));

【讨论】：

哇。从没想过服务器响应方面。我正在使用免费的网络托管服务，并且仅在笔记本电脑上开发网站。幸运的是他们有这项服务，而且是免费的！谢谢玛雅克。非常感谢。
只是为了不让其他用户感到困惑。我忘了这条线实际上会在服务器上查找文件codejs.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; code。为了从文件运行，只需在 connect.facebook 行之前添加“https”。

【解决方案2】：

您是直接从文件中运行它吗？ Facebook sn-ps 使用 Ajax 调用来显示 Facebook 页面内容，因此您需要从网络服务器运行您的页面 - 即使是开发服务器（本地主机）也应该可以工作。

【讨论】：

其实我是直接从文件中运行的。将尝试开发服务器。