Question

我在加载Facebook评论时遇到问题。好吧，我正在使用Qawker主题。当我将facebook评论整合到我的博客上时，它适用于固定链接，但评论表单不会显示在ajax加载的页面/帖子上。

以下是我的博客的网址：http://itnotes.tk/。

我发现Facebook评论是URL敏感的，在网站上使用ajax时可能无法加载，但我的问题是：我如何能够加载Facebook评论以及加载ajax的内容？< /强>

非常感谢帮助......谢谢！

Answer 1

我认为这篇文章很老，但无论如何可能对下一位读者有用。

如果你想用ajax加载“新评论”，你应该再次运行加载Facebook库的代码并修改容器的data-href（Facebook Comments Div）。一个简单的代码示例是：

$.get("/sets/comentarios_facebook",{set_id:set_id},function(data){
    $("#componet_comentarios").html(data);               
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
       js = d.createElement(s); 
       js.id = id;                          
   js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=178271392271647";                                    fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));                              
});

使用ajax操作运行，响应是使用新“data-href”的Facebook注释div。

Answer 2

在AJAX成功函数中显式调用“FB.XFBML.parse（）”，该函数将重新解析html并呈现Facebook评论部分

   //facebook comments
    var isFacebook = $data.find('.fb-comments');
    if(isFacebook != 'undefined' ) {
        var scriptText = 'FB.XFBML.parse();';
        var scriptNode = document.createElement('script');
        scriptNode.appendChild(document.createTextNode(scriptText));
        contentNode.appendChild(scriptNode);                   
    }

Answer 3

使用此 -

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://itnotes.tk/" num_posts="10" width="600"></fb:comments>

如何在ajax Wordpress中加载Facebook评论

3 个答案: