簡體   English   中英

Facebook“贊”框html5代碼不起作用

[英]Facebook “Like” Box html5 code does not work

我目前正嘗試使用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上工作-很好- 它在本地文件中不起作用,並且當從網絡提供服務時,它會像在jsfiddle中那樣被破壞。

(此時,我將在Facebook上大放異彩)。

認為您忘記了導入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'));
<!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>

請參考我的回答
Facebook的新Like Box(頁面插件)無法正常工作

我花了幾個小時才使它工作,現在它也可以處理本地html文件。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM