jquery - Facebook 喜欢并在 ajax 上分享按钮

Question

背景:- 我正在使用 ajax 获取名为“foo_posts”的实体。在这篇文章中，我使用了 facebook 分享和喜欢按钮

{% for post in foo_posts %}
    <div class="foo">
        {{ post }}
        <div class="fb-like" data-send="true" data-width="450" data-href="http://foo/foo/detail/{{ foo.id }}/" data-show-faces="true"></div>
</div>

{% 结束%}现在这些帖子正在使用 Ajax 填充。

问题:- Facebook 点赞和分享由

初始化

$(function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=245185848840630";
              fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

这是行不通的。我如何调用此函数，以便正确填充喜欢和共享？是否应该在 ajax 成功函数中调用它。 (现在我在页面本身上调用它)

P.S :- 我在成功函数中试过了。我想我做错了。

Answer 1

默认情况下，XFBML 标签仅在 Facebook JS-SDK 初始化时被解析。

你应该调用FB.XFBML.parse()在页面呈现后将社交插件添加到 DOM 后的方法。

您可以为所有文档调用它或通过指定元素来搜索 XFBML 元素:

FB.XFBML.parse();
// OR
FB.XFBML.parse(DOM_ELEMENT_WHERE_AJAX_CONTENT_IS_PLACED);