Facebook 插件拒绝在网站上加载

Question

大家好，我正在尝试使用 Facebook 网站上的 Facebook 插件。这是一个简单的评论插件。似乎每次我试图让这个东西加载它也拒绝。我的页面从这个插件加载时间非常慢，所以我知道它正在尝试加载一些东西。我对网站上的指示做错了什么？

我按照指示在 body 标签后立即发布脚本。

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

并且我将 HTML 放在 Div 中，我希望插件能够加载。它的宽度也是 300 像素。

<div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-width="300" data-numposts="3" data-colorscheme="light"></div>

但是这个东西还是加载不出来。

Answer 1

抱歉，它甚至不需要 jQuery 脚本：逐字逐句地粘贴到名为 fb.htm

的页面中

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

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

<p>FB tester</p>

<div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-numposts="5" data-colorscheme="light"></div>
</body>
</html>

Facebook 插件拒绝在网站上加载

Facebook Plugin refuses to load on Website

html

css

jquery

facebook

facebook-javascript-sdk