2010-11-13 80 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/