0

我正在使用社交插件在我的网站中嵌入一个赞按钮。我从类似按钮文档 (http://developers.facebook.com/docs/reference/plugins/like/) 中生成的代码开始。我正在使用没有发送或面孔的标准布局。按钮本身显示并且工作正常。但是，不会显示评论对话框。

我找到了一些建议来完成这项工作，但到目前为止都没有成功。宽度为 450 像素。我尝试了 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>

有时，它只需要第二双眼睛。在此先感谢您的帮助。

4

2 回答 2

0

尝试替换"connect.facebook.net/en_US/all.js"为"http://connect.facebook.net/en_US/all.js"

于 2012-10-12T06:16:56.817 回答
0

评论框仅适用于公共领域。换句话说，它不会在本地主机上运行您的应用程序时显示。我相信我确实在某个地方的 stackoverflow 上读过这个，但它没有注册。

于 2012-04-25T23:12:45.683 回答