2012-12-25 17 views
0

好的我有一個投資組合http://www.gablabelle.com/。當你點擊一個縮略圖時,一張幻燈片(包括一個滑塊)出現在所請求的照片中。大。Facebook的推薦酒吧和動態內容?

我已經安裝了Facebook推薦欄,你可以在右下角看到。我想要在特定時刻將Like按鈕鏈接到幻燈片上。

代碼的簡化版本:

slider.ev.on('SlideChange', function(event) { 
// Show me the URL, works fine 
    console.log(href); 
// Trying to change the URL of the Facebook Recommandations Bar plugin 
    $(".fb-recommendations-bar").attr("data-href", href); 
// The trigger 
    FB.XFBML.RecommendationsBar.markRead(href); 
}); 

的HTML:

<div id="social" class="hide"> 
    <div class="fb-recommendations-bar" data-href="http://www.facebook.com/gablabellephoto" num_recommendations="0" data-trigger="manual" data-site="http://www.gablabelle.com/"></div> 
</div> 

Facebook的文檔說以下內容:

https://developers.facebook.com/docs/reference/plugins/recommendationsbar/

手冊 - 使用此選擇製造盟友觸發插件。當您想要 觸發插件時,請致電 FB.XFBML.RecommendationsBar.markRead(href);在JavaScript中。該參數是可選的,如果未設置,則默認爲當前頁面。 如果提供,它必須匹配XFBML標籤上的href參數。當您有更多的多頁文章時, 手動觸發器很有用。對於三頁文章中的 示例,您可以在 頁面的第1頁和第2頁上添加trigger =「manual」,並且不要在 頁面上調用markRead JavaScript函數。

非常感謝您的時間和幫助。

回答

0

使用

$(".fb-recommendations-bar").data("href", href); 

,而不是

$(".fb-recommendations-bar").attr("data-href", href); 

FB.XFBML.parse(); 

FB.XFBML.parse(document.getElementById('.fb-recommendations-bar')); 

代替OK的

FB.XFBML.RecommendationsBar.markRead(href); 

作品!