我使用社交插件在我的网站中嵌入了一个类似按钮。我开始使用类似按钮文档(http://developers.facebook.com/docs/reference/plugins/like/)中生成的代码。我正在使用没有发送或面孔的标准布局。按钮本身显示并正常工作。但是,注释对话框不会显示。
我找到了许多建议来完成这项工作,但到目前为止还没有成功。宽度为450px。我尝试过HTML5,XFBML和IFrame版本。 IFrame版本具有“添加评论”链接。该对话框显示但已被截止。我也用过FB.init。这是我的HTML。我删除了除了类似按钮位之外的所有内容,认为它可能与CSS相关,但剥离版本也不起作用。
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#">
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'appid', // App ID
channelUrl : '//localhost:8282/myapp/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
<!-- <div class="fb-like" data-href="http://www.espn.com" data-send="false" data-show-faces="false" data-width="450"></div> -->
<fb:like href="http://www.espn.com" send="false" width="450" show_faces="false" />
</body>
</html>
有时,只需要第二双眼睛。在此先感谢您的帮助。
答案 0 :(得分:0)
评论框仅适用于公共领域。换句话说,在localhost上运行您的应用程序时,它不会显示。我相信我确实在stackoverflow上读过这个,但它没有注册。
答案 1 :(得分:0)
尝试将"connect.facebook.net/en_US/all.js"
替换为"http://connect.facebook.net/en_US/all.js"