javascript - Facebook "Like"Box html5 代码不起作用

Question

我目前正在尝试使用 HTML5 版本的 Likebox，但它无法按预期工作。它在本地网站中不起作用，并且也不会按应有的方式显示页面中的帖子。

代码如下:

http://jsfiddle.net/qp4qr/1/

标记:

<div style="text-align: center;">
    <div class="fb-like-box" data-href="http://facebook.com/nbglive" data-width="234" data-show-faces="true" data-stream="false" data-border-               <div class="well blackwell">color="#007Db7" data-header="false"></div>
  </div>

Javascript代码:

(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 = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=136619623172579";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

正如您所看到的，它在 jsfiddle 上部分工作正常。它在本地文件中不起作用，当从网络上提供服务时，它会执行在 jsfiddle 中执行的操作，而这将被破坏。

(此刻我即将在 Facebook 上大放异彩)。

Answer 1

认为您忘记导入 Jquery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></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/all.js#xfbml=1&appId=136619623172579";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));