用Ajax加载器加载Facebook评论

时间:2013-01-09 05:01:07

标签: javascript jquery ajax facebook comments

如果我的术语不准确,请原谅(并纠正)我。

以下是我正在处理的内容的链接: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评论不加载。有一次,我有它,所以如果我刷新页面它会加载,但现在我已经超越了它。 :(

1 个答案:

答案 0 :(得分:0)

请参阅此内容 - http://developers.facebook.com/docs/reference/plugins/comments/

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