jQuery load()和Facebook评论

时间:2011-06-14 16:19:23

标签: jquery ajax facebook

它的长短:当通过jQuery.load()从灯箱类型的东西中的另一个页面加载时,不会显示Facebook注释。当您直接转到灯箱中正在加载的页面时,会显示FB注释

lightbox是我在jQuery中编写的一个自定义协议,它从帖子的永久链接页面加载post容器DIV。要查看正在发生的事情,请访问http://frank.is/blog/。使用主链接查看灯箱中的帖子,然后单击PERMA→在其自己的页面上查看帖子。它应该是不言自明的。

我的问题:我需要添加什么才能让这些评论也出现在灯箱中呢?

2 个答案:

答案 0 :(得分: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>

应该工作得很好!

答案 1 :(得分:5)

Facebook API惹恼了我。目前尚不清楚从哪里获取信息,所以我感到痛苦。

话虽如此,似乎您在灯箱中未初始化了原始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>

您可以尝试在将XFBML加载到灯箱后手动调用parse

FB.XFBML.parse();

或定位组件以优化负载:

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