无法使用 jQuery 呈现评论插件

Question

我有这个标记。 #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>

所以问题是，评论插件会针对我第一次单击的元素进行渲染，并且仅渲染一次（即，如果我再次单击该链接，它将无法渲染）

如果我单击列表项 一，就会出现评论框为了它；但如果我单击其他列表项，则不会呈现任何评论框。