2010-11-13 70 views
3

我想知道是否有可能在Ajax事件中更改Facebook的喜歡按鈕的操作。使用Ajax更改Facebook的喜歡按鈕的URL

我在做什麼: 我在加載頁面時顯示一篇文章。在文章的最後,我有一個按鈕,它通過Ajax加載下一篇文章。其他,我有以下的Facebook像按鈕:

<fb:like href="http://www.myurl.com" layout="standard" show-faces="true" action="like" id="fblike" /> 

當我加載在下一篇文章中我通過Javascript(工作正常)把文章的新的URL到的「href」 -attribute,但是當我點擊類似的按鈕初始文章的URL將被推送到Facebook,而不是新的。

任何想法?

非常感謝。

回答

1

你可以嘗試的iFrame版本,而不是XFBML版本:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> 

在這裏看到更多的相關信息:

http://developers.facebook.com/docs/reference/plugins/like

+0

這完美的作品。謝謝! – chris 2010-11-13 18:08:36

6

你實際上並不需要的iframe的版本,因爲它是更性能有限而且不夠好。所有你需要做的就是使用這個片段重新渲染DOM中的按鈕;不需要刷新頁面,該元素不「刷新」,否則:

FB.XFBML.parse(); 

查看文檔在這裏:http://developers.facebook.com/docs/reference/javascript/