无法使用jQuery呈现注释插件

时间:2011-09-10 11:48:27

标签: jquery facebook comments facebook-social-plugins

我有这个标记。 #popup已成为CSS的样式,可用作模式弹出窗口

<div id="popup" style="display: none;"><div id="pop-con"></div></div>

<ul>
    <li data-uid="1" class="list">One</li>
    <li data-uid="2" class="list">Two</li>
    <li data-uid="3" class="list">Three</li>
</ul>

现在我把我的jQuery脚本作为

$('.list').live('click', function(){
    $('#pop-con').html('');
    var uid = $(this).data('uid');
    $('#popup').show('clip', { direction: 'horizontal' }, 100);
    $('#pop-con').load('proc/fb-comment.php?uid='+uid);
});

fb-comment.php文件就像

<div id="fb-root"></div>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-comments" 
     data-href="http://mydomain.com/?uid=<?php echo $_GET['uid']; ?>" 
     data-num-posts="2" 
     data-width="450"></div>

所以问题是,注释插件是为我点击第一个元素而呈现的,而且只有一次(即,如果我再次点击链接,则无法渲染)

如果我点击列表项One,则会显示评论框;但如果我点击其他列表项,则不会显示任何评论框。

0 个答案:

没有答案