Facebook评论框在我的网站上

时间:2013-07-19 12:04:35

标签: facebook comments height

我尝试在我的网站上使用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>

它现在有效,但还有另一个错误:当它显示框时,框的高度是固定的,它不会随注释扩展(无论如何,我如何更改“data-num-posts =”的值10“&gt;”),并且在底部没有按钮,说的是:“更多地查看XYZ”。滚动的唯一选项是用鼠标拖动。它不适用于Dreamweaver或天线网页设计工作室,但其他评论框适用于我的浏览器。我删除了所有cookie,我没有任何其他想法。

我该怎么办?

2 个答案:

答案 0 :(得分:0)

不用担心。您只需将此代码放在带有div标签的选择器下。然后调整div选择器的宽度和高度。适当地使用高度作为自动并给出最小宽度it.Inside并且只是输入以下代码。它运行良好。

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

答案 1 :(得分:0)

  

<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&GT;   `