Question

我正在尝试让我的Facebook分享按钮动态化。我目前正在做的是替换div中的data-href（我使用的是html 5代码）

显然我有一个在我的javascript中加载的网址列表。每当我点击一个按钮，它就会替换我的data-href中的链接，但是当我点击分享按钮时，它仍然使用首先加载到它上面的预加载链接。如何更改共享按钮链接而无需重新重新加载页面？

我使用以下代码替换data-href：

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

Answer 1

坏消息，使用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>

注意：您可能需要更改所需类型的类型。

然后每次更改网址并假设您使用的是Javascript SDK时，请执行以下操作：

FB.XFBML.parse();

它将解析您页面上的每个XFBML，如果您不想解析每个标记，可以使用DOM选择器：

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