2012-03-25 36 views
0

我有一個網站,當訪問者瀏覽到其他頁面(該網站類似於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函數可以簡單地將當前註釋集與新的「頁面」的相關設置進行交換,但是它會完全消失。

任何幫助,將不勝感激。

回答

0

加入Facebook的元素添加到頁面後,你需要調用FB.XFBML.parse()

添加一個函數調用你的函數的最後一行,你應該罰款。

+0

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