使用 Ajax 加载器加载 Facebook 评论答案

【问题标题】：Load Facebook comments with Ajax loader使用 Ajax 加载器加载 Facebook 评论
【发布时间】：2012-12-23 02:32:21
【问题描述】：

如果我的术语不准确，请原谅（并纠正）我。

这是我正在研究的链接：http://www.haemerd.com/index2.html

这是我尝试使用 ajax 加载的页面：http://www.haemerd.com/glob/glob1.html

我正在使用以下 .js 将 html 页面加载到 div 中：

$(document).ready(function() {

var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-5)){
        var toLoad = hash+'.html #content';
        $('#content').load(toLoad)
    }                                           
});

$('#nav li a').live('click', function(){

    var toLoad = $(this).attr('href')+' #content';
    $('#content').hide('fast',loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
        $('#content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#content').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;

});

});

正在加载的页面是：

<body>
<div id="fb-root"></div>
<script>(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- end -->  

<div id="wrapper">
<h1>test</h1>
<ul id="nav">
    <li><a href="index2.html">welcome</a></li>
    <li><a href="glob/glob1.html">glob1</a></li>
    <li><a href="glob/glob2.html">glob2</a></li>
    <li>contact</li>
    <li>terms</li>
</ul>
<div id="content"> 

<img src="https://developer.mozilla.org/files/4261/js.png">
<p>This is a test of Glob #1.</p>

<div class="fb-comments" data-href="http://haemerd.com/glob1.html" data-width="420" data-num-posts="2"></div>

</div>

</div>

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

</body>

似乎一切正常除了 Facebook cmets 无法加载。有一次我有它，所以如果我刷新页面它会加载，但现在我已经打破了它。 :(

【问题讨论】：

标签： javascript jquery ajax facebook comments

【解决方案1】：

看到这个 - http://developers.facebook.com/docs/reference/plugins/comments/

我去了http://www.haemerd.com/index2.html，在源代码中我没有看到任何facebook评论代码

【讨论】：

谢谢哈迪。是的，我一直在进出 Facebook 开发者页面。我清楚地了解 cmets 插件如何以其基本形式工作。由于我正在使用 ajax 加载，我的问题发生了（我很确定）。 facebook代码不在首页。它在我用 ajax 加载的页面上。该代码显示在原始帖子的最后一个代码框中。
我去了haemerd.com/glob/glob1.html，我看到fb评论正在加载。你还在吗？
是的，它在那里加载没有问题，因为它不是通过 ajax 加载的。我将重申这个问题：glob1.html 上的 Facebook cmets 不加载“通过 ajax 加载时”，这发生在 index2.html 上。如果您转到 index2.html 并单击 glob1 或 glob2，这些页面将加载，但其上的 Facebook cmets 不会。