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の新しいいいねボックス（ページプラグイン）が機能しないという私の回答を参照してください

数時間かけて動作させたところ、ローカルのhtmlファイルでも動作するようになりました。

于 2016-04-08T09:18:02.070 に答える