Question

我转到此页面：https://developers.facebook.com/docs/facebook-login/web/login-button

我在HTML索引中复制并粘贴了他们提供的代码：

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

（正如他们推荐的那样，正好在身体标签之后），然后：

<div class="fb-login-button" data-max-rows="1" data-size="icon" data-show-faces="false" data-auto-logout-link="false"></div>

在页面的任何地方，它都无法正常工作。该按钮未显示。如果我为其添加红色边框，则会出现一条垂直的红线，表示该按钮无法渲染。

我尝试过在本地，在我的服务器上以及在codepen（http://codepen.io/jeremythille/pen/EWWRdy?editors=1100）中使用不同的选项，但无济于事。

控制台没有错误，网络选项卡没问题。＆＃34; sdk.js＆＃34;找到并加载。

我错过了什么？

Answer 1

您需要先初始化facebook sdk。查看此页面：https://developers.facebook.com/docs/javascript/quickstart

Facebook登录按钮刚刚出现

1 个答案: