我网站上的 Facebook 评论框答案

【问题标题】：Facebook comment box on my website我网站上的 Facebook 评论框
【发布时间】：2013-07-19 12:04:35
【问题描述】：

我尝试在我的网站上使用 Facebook 评论框。我在<body> 标签中包含了Javascript SDK，然后是这段代码：

<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/hu_HU/all.js#xfbml=1&appId=439919819448461"
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

当我使用它时，我所有的浏览器（Firefox、Chrome）都在加载它，但最终它不会显示。当我将其更改为：

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

它现在可以工作了，但是还有另一个错误：当它显示盒子时，盒子的高度是固定的，它不会用 cmets 扩展（不管我如何更改“data-num-posts=”的值10">")，底部没有按钮，上面写着：“查看 XYZ 更多”。滚动的唯一选项是用鼠标拖动。它在 Dreamweaver 或天线网页设计工作室中不起作用，但其他评论框在我的浏览器上起作用。我删除了所有cookie，我没有任何其他想法。

我能做什么？

【问题讨论】：

标签： facebook comments height

【解决方案1】：

别担心。您只需将此代码放在带有 div 标签的选择器下。然后调整 div 选择器的宽度和高度。适当地使用高度作为自动并给它一个最小宽度。在里面然后放在下面的代码中。它运行良好。

< <strong>fb:comments</strong> href="@987654321@" num_posts="10" width="700px" style="position:relative;display:block;">

【讨论】：

【解决方案2】：

<div id="fb-root"></div>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<div id="id_name"> <fb:comments href="http://example.com/page" num_posts="10" width="700px" style="position:relative;display:block;"> </fb:comments> `

【讨论】：