为什么FB.XFBML.parse（）不会渲染我的插件？

Question

我的code：

<a id="render-me" href="javascript:void(0);">Render me</a>
<div id="social-facebook"></div>​

$('#render-me').click(function (e){
    e.preventDefault();

    $('#social-facebook').html("<fb:like id='button-facebook' href='http://www.google.com' send='false' layout='button_count' width='450' show_faces='false'></fb:like>");
    FB.XFBML.parse(document.getElementById('button-facebook'));    
});

我点击了，但是没有渲染按钮。我哪里错了？

Answer 1

您必须在DOM中指定一个节点。 所以，你不能使用：

FB.XFBML.parse(document.getElementById('button-facebook'));

改为使用：

FB.XFBML.parse(document.getElementById('social-facebook'));

它会正常工作;）

Answer 2

尝试添加此标记

<div id="fb-root"></div>

在页面底部

并确保添加了FB脚本。 请看一下图片

请按照以下步骤解决您的问题。

有关详情，请浏览此链接 https://developers.facebook.com/docs/reference/plugins/like/