1

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

所以问题是，评论插件会为我第一次点击的任何元素渲染，并且只渲染一次（即，如果我再次点击链接第二次，它无法渲染）

如果我点击 list-item One，评论框会出现；但是如果我单击其他列表项，则不会呈现评论框。

4

0 回答 0