Question

所以这让我疯狂，我一直在寻找类似的问题，但他们都有解决方案似乎对我不起作用。我想在我的bootstrap网站上添加一个类似的框，但它不会出现。我正在使用小部件的HTML5版本，但尝试过其他人无济于事，请在我的身体标签之后使用：

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

我在all.js做了一个本地版本，因为GET未能从Facebook服务器检索它，即使我卸载了Ghostery。

接下来，我使用以下方法添加了我喜欢的方框：

<div class="fb-like-box" data-href="MYSITEURL" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

当然，使用我的实际网址，不管怎么样，无论我如何在div中单独安排代码。非常感谢任何帮助！

Answer 1

我假设您正在本地服务器上测试该网站，因此您需要做的只是将"https:"添加到此行：

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

像这样：

js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1";

干杯！

Answer 2

我不认为您的问题与Bootstrap有关。请参阅http://bootply.com/94974，这使用与您相同的代码并且运行良好。

请注意，在您的示例代码中，js.src = "js/all.js#xfbml=1";指的是本地all.js，其中需要//connect.facebook.net/nl_NL/all.js之类的内容。

Answer 3

它没有问题。需要确保引用的fanpage（data-href）是有效的。

Answer 4

可以是FB页面权限设置问题。如果针对特定位置的受众群体限制了网页可见性，则不会显示该喜欢的内容。

Facebook Like Box将不会出现（Bootstrap）

4 个答案: