动态Facebook分享按钮

时间:2014-03-06 04:01:28

标签: javascript jquery html facebook

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

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

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

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

1 个答案:

答案 0 :(得分: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>

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

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

FB.XFBML.parse();

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

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

此处有更多信息Facebook DocsFacebook Dev wiki