jquery - 为什么 FB.XFBML.parse() 不渲染我的插件？

Question

我的代码：

<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/