個人のニュース フィードの Facebook fql ストリームから取得した個々の投稿に、Facebook のようなボタンを追加したいと考えています。したがって、href は動的で、常に変化します。これを実装するために 3 つの方法を試しました。
(1)私の html ファイルに以下を含めると、いいねボタンだけが表示されますが、その特定の投稿とは関係ありません。明らかに href が空であるためです。
<div class="fb-like" data-href="" data-send="false" data-width="250" data-show-faces="true"></div>
（2） htmlに次のdivを含めました
<div id=fblikebutton></div>
そしてJavaScript：
fblikebutton_markup += '<div class="fb-like" data-href="'+post_href+'" data-send="false" data-width="250" data-show-faces="true"></div>';
$('#fblikebutton').empty().append(fblikebutton_markup);
post_href は現在の投稿の href です。正しい href を取得しています。しかし、上記は何も表示されません。
(3)次のコードは、このエラーを引き起こします。
オリジンが「 https://www.facebook.com 」のフレームが、オリジンが「 http://static.ak.facebook.com 」のフレームにアクセスするのをブロックしました。アクセスを要求するフレームのプロトコルは「https」、アクセスされるフレームのプロトコルは「http」です。プロトコルが一致する必要があります。
html:
<div id ="fblikebutton"></div>
Javascript:
fblikebutton_markup= '<fb:like href="'+post_href+'" send="false" width="250" show_faces="true"></fb:like>'
$('#fblikebutton').append(fblikebutton_markup);
FB.XFBML.parse(document.getElementById('fblikebutton'));
助けてください！スタックオーバーフローを調べましたが、何も役に立ちません。
私は今、4回目の試行を行っていますが、それでもプロトコルが一致しなければならないというエラーが表示されます:
(4) jQuery("#fblikeblock").html(''); FB.XFBML.parse(document.getElementById('fblikeblock'));
4番目の方法で、ボタンが消えました! それは動作しません.:(