使用Ajax loader加载Facebook的评论

问题描述：

如果我的术语不准确，请原谅（并更正）我。使用Ajax loader加载Facebook的评论

这里是链接到什么我的工作：http://www.haemerd.com/index2.html

这里是我试图用Ajax加载的页面：http://www.haemerd.com/glob/glob1.html

我加载HTML页面与下面的.js一个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的评论不加载。有一次，我拥有它，所以如果我刷新页面，它会加载，但现在我已经超越了这一点。 :(

答

请参阅本 - http://developers.facebook.com/docs/reference/plugins/comments/

和我去http://www.haemerd.com/index2.html和源代码我没有看到Facebook的评论中的任意代码

谢谢哈迪是啊，我一直在进出的Facebook开发。我清楚地知道评论插件的基本形式是怎么工作的我的问题出现了（我很确定）因为我使用的是ajax加载 facebook代码不在首页上，它在页面上我正在加载ajax，该代码显示在原始文章的最后一个代码框中 –

我去了http://www.haemerd.com/glob/glob1.html，我看到fb评论正在加载。还在吗？ – HADI

是的，它在没有问题的情况下加载，因为它没有通过ajax加载。我会重申这个问题：Facebook上对glob1.html的评论不会在'通过ajax加载'时加载，这会发生在index2.html上。如果你去index2.html然后点击glob1或者glob2，这些页面将会加载，但Facebook上的评论不会。 –

使用Ajax loader加载Facebook的评论

相关推荐