2011-06-14 59 views
9

長短:它從Facebook的另一個頁面通過jQuery.load()類型的東西加載時不顯示Facebook評論。當您直接轉到正在燈箱中加載的頁面時,顯示的FB評論jQuery的加載()和Facebook的評論

燈箱是一個自定義dealie,我寫在jQuery中,從帖子的永久鏈接頁面加載發佈容器DIV。要查看發生了什麼,請訪問http://frank.is/blog/。使用主鏈接在Lightbox中查看帖子,然後點擊PERMA →以在自己的頁面上查看該帖子。它應該是不言自明的。

我的問題:我需要添加什麼來允許這些評論出現在燈箱的東西呢?

回答

26

在將這個你AJAX呼叫輸出:

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
<fb:comments href="www.example.com" num_posts="2" width="500"></fb:comments> 

<script>FB.XFBML.parse();</script> 

應該工作得很好!

+3

FB.XFBML.parse();你是個天才!我添加了FB.XFBML.parse();而不是寫你寫的東西。在阿賈克斯打電話 – 2011-10-25 01:41:45

+0

如果我可以給你一百個讚揚,我會=) – 2012-08-30 21:32:05

+0

百萬upvotes! – 2013-08-22 14:53:47

5

Facebook API令我煩惱。目前還不清楚在哪裏獲得信息,所以我感到你的痛苦。

說到這裏,看起來您已經在lightbox中初始化了未初始化的XFBML。它看起來像你需要重新加載數據後重新分析。

<fb:comments migrated="1" publish_feed="true" width="600" numposts="10" href="http://frank.is/blog/2011/05/26/google-apps-on-iphone-connection-to-the-server-failed/" xid="VQ4yhN59hJmmSXq_post73"></fb:comments> 

您可以嘗試手動調用parse你XFBML加載到收藏夾後:

FB.XFBML.parse(); 

或目標的組件來優化負載:

FB.XFBML.parse(document.getElementById('fbComments')); 
+0

我把它放在load()回調函數中無濟於事。我不是把它放在正確的地方嗎? – Frank 2011-06-14 18:16:37

+0

我剛剛注意到您未在着陸頁上加載或初始化您的Facebook JDK。你確實在單個帖子頁面上有它。您需要加載並初始化Facebook JDK,然後在加載註釋XFBML時手動強制解析。 – digitaldreamer 2011-06-14 19:31:21