0

自分のサイトで Facebook のコメント ボックスを使用しようとしました。タグに Javascript SDK を含め、<body>次に次のコードを含めました。

<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"> の値をどのように変更しても) 」）、下部にはボタンがなく、「XYZをもっと見る」と書かれています。スクロールする唯一のオプションは、マウスでドラッグすることです。Dreamweaver やアンテナ Web デザイン スタジオでは機能しませんが、他のコメント ボックスは私のブラウザーでは機能します。私はすべてのクッキーを削除しましたが、他に考えがありません。

私に何ができる？

4

2 に答える 2

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 > `

于 2014-07-08T18:58:14.443 に答える
0

心配しないでください。このコードを div タグを使用してセレクターの下に配置するだけで済みます。その後、div セレクターの幅と高さを調整します。高さを auto として適切に使用し、それに最小幅を指定します。 code.うまくいきます。

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

于 2014-07-08T18:29:40.773 に答える