如何整合facebook像動態內容的按鈕javascript

我想添加一個facebook像按鈕到每個人的新聞提要從facebook fql流檢索單個帖子。所以href是動態的，一直都在變化，我試過3種方法來實現這個;如何整合facebook像動態內容的按鈕javascript

（1）當我在我的html文件中包含以下內容時，它會顯示類似按鈕，但它與該特定文章無關。顯然是因爲href是空的。

<div class="fb-like" data-href="" data-send="false" data-width="250" data-show-faces="true"></div>

（2）我包含在我的html

<div id=fblikebutton></div>

以下的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）下面的代碼帶來了這樣的錯誤：

Blocked a frame with origin " https://www.facebook.com " from accessing a frame with origin " http://static.ak.facebook.com ". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

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'））;

現在有了第四種方法，按鈕就消失了！這是行不通的。:(

來源

2013-07-06 Dot

你已經追加了FB-樣的內容放入容器後，如$('.container')然後運行FB.XFBML.parse($('.container')[0])或FB.XFBML.parse($('.container'))。

我有它在，我以前做過的項目實施。

編輯：也請確保FB JS包含在頁面被調用之前，您的JavaScript FB.XFBML.parse

來源

2013-07-07 10:39:20 Daryl

由於這樣的作品，然而，當點擊該按鈕一樣，我給出以下錯誤，所以當前帖子不能被喜歡。「阻止一個框架與來源」https：//www.fac ebook.com「通過訪問來源」http://static.ak.facebook.com「的框架。請求訪問的幀具有「https」的協議，被訪問的幀具有「http」的協議。協議必須匹配。「 – Dot

謝謝，我已經明白了爲什麼它是這樣，這是因爲我試圖在Facebook本身內部喜歡一個對象，該URL不只是任何網站，我需要使用像$（'。 fb-like'）。click（function（）{if（response === true）{（'/'+ postID +'/ likes'，'post'，function（response）{if（response === true）完成！「）; } }）; – Dot

如何整合facebook像動態內容的按鈕javascript

回答

相關問題