2014-03-06 167 views
0

我目前正在努力使我的Facebook分享按鈕動態。我目前正在做的是取代div中的data-href(我使用的是html 5代碼)動態Facebook分享按鈕

顯然我有一個加載到我的javascript中的url列表。每當我點擊一個按鈕,它就會替換我的data-href中的鏈接,但是當我點擊共享按鈕時,它仍然使用首先加載到它的預加載鏈接。如何更改分享按鈕鏈接,而無需重新加載頁面?

我代替使用此代碼對數據的href:

 $(".fb-like").attr('data-href',youtube_str+link); 

回答

2

壞消息,而使用HTML5代碼是不可能的,好消息就可以解決,使用XFBML。

<html>標籤就變成<html xmlns:fb="http://ogp.me/ns/fb#">所以它適用於舊版的IE版本

,改變你的共享按鈕這樣的:

<fb:share-button href="http://developers.facebook.com/docs/plugins/" type="button_count"></fb:share-button> 

注:您可能需要更改類型的你想要的一個。

然後每次你改變URL,我假設你使用的JavaScript SDK,只是這樣做:

FB.XFBML.parse(); 

它將分析每XFBML您的網頁上,如果你不想解析每個標籤,你可以使用DOM選擇:

FB.XFBML.parse(document.getElementById('foo')); 

更多的信息在這裏Facebook Docs這裏Facebook Dev wiki