1

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

这是代码：

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 上工作——很好——部分。它在本地文件中不起作用，当从 Web 提供时，它会执行它在 jsfiddle 中所做的操作，这将被破坏。

（在这一点上，我即将在 Facebook 上大放异彩）。

4

3 回答 3

0

认为您忘记导入 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'));
于 2013-03-19T05:06:36.467 回答
0 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>The HTML5</title>
  <meta name="description" content="The HTML5 FB TEST">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</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/es_LA/all.js#xfbml=1&appId=136619623172579";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
</body>
</html>
于 2013-03-19T05:26:19.157 回答
0

请参考我的回答这个
Facebook 新的 Like Box（页面插件）不起作用

我花了几个小时后使它工作，现在它也可以处理本地 html 文件。

于 2016-04-08T09:18:02.070 回答