我是 facebook api 的新手,所以我不知道这是否是一个新手问题。我所做的是我遵循快速开始 https://developers.facebook.com/docs/javascript/quickstart/v2.3
我将以下代码片段放在开放标记中<body>
(当然,替换了 my-app-id)
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
xfbml : true,
version : 'v2.3'
});
};
(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/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
我在希望出现“点赞”按钮的地方有以下代码片段:
<div
class="fb-like"
data-send="true"
data-width="450"
data-show-faces="true">
</div>
这是渲染的结果:
<div class="fb-like fb_iframe_widget"
data-send="true"
data-width="450"
data-show-faces="true"
fb-xfbml-state="rendered"
fb-iframe-plugin-query="...">
<span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">
<iframe name="f246b6fae4" width="450px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:like Facebook Social Plugin" src="..">...</iframe>
</span>
</div>
我省略了查询和 src 部分。我不明白为什么它以 0 宽度和 0 高度呈现。父 div 和 self div 都没有设置为隐藏样式。请告诉我我做错了什么?