Facebook的评论iframe - 当没有页面刷新时更新（例如AJAX）

我有一个网站，当访问者浏览到其他页面（该网站类似于hotornot.com的功能）时没有页面刷新。Facebook的评论iframe - 当没有页面刷新时更新（例如AJAX）

我想使用Facebook的评论，我设法使用罚款的第一页的访客登陆。当访问者导航到第二页时，我试图更新评论框以与下一个“页面”相关。

请参阅下面我的代码：

<head> 
    <script type="text/javascript"> 
     function facebookcomments() { 
      fbdiv = document.getElementById("fbcm"); 
      fbdiv.innerHTML = '<div id="fb-root"></div>'; 
      (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_US/all.js#xfbml=1&appId=343149849069221"; 
       fjs.parentNode.insertBefore(js, fjs); 
      }(document, 'script', 'facebook-jssdk')); 
      hard_url = "http://www.example.com/usernames/" + thisusername + "/" + thisitem; 
      showcomments = document.getElementById("show_comments"); 
      showcomments.innerHTML = '<div id="fb-comments" class="fb-comments" data-href="' + hard_url + '" data-num-posts="2" data-width="470" mobile="false"></div>'; 
     } 
    </script> 
</head> 
<body onload="facebookcomments();">

基本上我产生一个唯一的网址的页面时，页面加载并进入Facebook的评论脚本这一点。这个函数然后填充注释div onload。

我正在触发facebookcomments（）;当有人点击转到播放列表中的下一个项目时可以使用该功能。我希望innerHTML函数可以简单地将当前注释集与新的“页面”的相关设置进行交换，但是它会完全消失。

任何帮助，将不胜感激。

来源

2012-03-25 tensai288

加入Facebook的元素添加到页面后，你需要调用FB.XFBML.parse()

添加一个函数调用你的函数的最后一行，你应该罚款。

来源

2012-03-26 09:04:15 Fisch

非常感谢 - 它完美的作品！ – tensai288 2012-03-26 10:54:21

Facebook的评论iframe - 当没有页面刷新时更新（例如AJAX）

回答

相关问题