我有这个标记。 #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
,则会显示评论框;但如果我点击其他列表项,则不会显示任何评论框。