2013-03-19 72 views
1

我目前正在嘗試使用Likebox的HTML5版本,但它不像預期的那樣工作。它不適用於本地網站,也不會顯示網頁上的帖子。Facebook「贊」框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的頂部)。

回答

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')); 
+0

不... Jquery已經導入。 – RolandiXor 2013-03-19 05:11:16

+0

只需從以下步驟開始1 http://developers.facebook.com/docs/reference/plugins/like-box/獲取代碼1:SDK等... – Grmn 2013-03-19 05:14:32

+0

:'(有什麼難以理解的?我做了那... – RolandiXor 2013-03-19 05:20:01

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>