javascript - 更新 FB :Like URL Dynamically using JavaScript

标签 javascript facebook xfbml

我想使用 JavaScript 将 URL 更改为动态的 FB:Like 按钮。

现在我只能更改 fb:like 标签的 href 属性(我已经粘贴了下面的代码)。但简单地更改 href 似乎不起作用。也许我必须重新启动 FB:Like 按钮,但到目前为止我还不知道如何......

function update_share(container, url) {
  // update fb:like href value
  var container = container[0] || document.body;
  var button = container.getElementsByTagName('fb:like');
  button[0].setAttribute('href', url);
}

最佳答案

它也适用于 XFBML 标签,无需使用 FB iframe,甚至适用于多个 FB,例如 AJAX 调用。

您只需要将整个 XFBML 代码包装在 JS/jQuery 中并解析它,如下所示:

$('#like').html('<fb:like href="' + url + '" layout="button_count" show_faces="false" width="65" action="like" font="segoe ui" colorscheme="light" />');
if (typeof FB !== 'undefined') {
    FB.XFBML.parse(document.getElementById('like'));
}

HTML代码:

<span id="like"></span>

关于javascript - 更新 FB :Like URL Dynamically using JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2764129/

相关文章:

javascript - 将方法应用于数组中的单个元素 - jquery/javascript

javascript - 如何点击 ReactJS 包装元素?

Facebook Graph API : User timezone. 全年都在变化吗?

java - android studio 中 facebook api 的 doInBackground() 错误

javascript - Facebook XFBML 未在 Internet Explorer 8 中呈现

facebook - FB.Event.subscribe 不触发某些事件

javascript - 将值从字符串设置为数字

javascript - 向元素添加包装器,然后读取 offsetTop 返回错误结果

javascript - 手动传递signed_pa​​rameters后的Facebook NoAuthorizationError

div :hover in IE8 and 9 not working correctly with facebook like box, 上的 CSS 边距变化偶尔跳跃