jquery-ui - 使用 Jquery 动态生成 Facebook 标签时不呈现

Question

给你一个简单的用例 - 在我的网站上，我显示了 facebook 用户发布的评论。对于每条评论，我使用 fb:profile-pic 标签和 fb like 按钮显示 facebook 用户照片。

此页面正确呈现，一切都显示良好。现在，当用户想要阅读旧评论时，他们点击“更多”链接

使用 Jquery，我提取较旧的评论并在 javascript 中构建添加 fb:profile-pic 和 fb:like 标签的内容

但是这些标签不显示。我们需要重新加载它还是什么。谢谢你的帮助

Answer 1

首先确保使用检查器将 FBML 插入到 DOM 中。如果是这样，您需要做的就是告诉 Facebook 将 FBML 标签转换为 HTML 标签，以便您的浏览器可以呈现它。使用 Graph API，您可以使用 Javascript SDK调用 FB.XHTML.parse http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse 。这是我的代码中的一个示例：

$('#list').append('<fb:name uid="4"></fb:name>');
FB.XFBML.parse(document.getElementById('list'));

Answer 2

我该怎么做 - 就像现在我构建我的整个字符串说 comment="<div>I love icecream<br/><fb:profile-pic uid='xxx'></fb:profile-pic></div>" 然后我会这样做 $("#myswipes").html(comment);那么我将如何重新加载。

你可以使用$.ajax()，说

$('a.moreComment').click(function(){
    $.ajax({
        url: 'some/url.php',
        success : function(comment){
            $("#myswipes").html(comment);
        }
    });
})

some/url.php应该在能够正确渲染并返回这一行的服务器中，<div>I love icecream<br/><fb:profile-picuid='xxx'></fb:profile-pic></div>