[英]Facebook “Like” Box html5 code does not work
我目前正嘗試使用Likebox的HTML5版本,但無法正常工作。 它在本地站點中不起作用,也不會按原樣顯示該頁面上的帖子。
這是代碼:
標記:
<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.