Question

我有一个Facebook评论的问题，并在弹出div上显示它们。问题是他们共享相同的评论，但我有不同的数据-href。这是我的代码：

$query_pag_data = "SELECT ID_Story,Story,Down,Up from Story LIMIT $startrow, $nr_evenimente_pagina";
$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error());
$msg = "";
echo'<div id="story"><div id="header_title"><h2>Love Lock Stories</h2>
<h3>Whats your story?</h3></div>';
while ($row = mysql_fetch_array($result_pag_data)) {
 echo'  
    <div class="story_container">   

<h1>test</h1><br>
<p>'.$row['Story'].'</p>    


 <p> <a href = "javascript:void(0)" onclick = "document.getElementById(\'light\').style.display=\'block\';document.getElementById(\'fade\').style.display=\'block\'">Click here for facebook comments</a></p>
        <div id="light" class="white_content"><div class="fb-comments" data-href="http://websoftit.ro/lackoflove/story.php?active=2&id='.$row['ID_Story'].'" data-numposts="3" data-width="400" data-colorscheme="light"></div> <a href = "javascript:void(0)" onclick = "document.getElementById(\'light\').style.display=\'none\';document.getElementById(\'fade\').style.display=\'none\'">Close</a></div>
        <div id="fade" class="black_overlay"></div>

    ';


echo'</div></div>';
}

以下是我有评论Link

的链接

Answer 1

每个弹出窗口都有相同的id="light"，将其更改为一个类，它应该可以正常工作。 id需要在同一文档中有所区别。

如果您将其设为课程，则需要使用$(this).find('.light')或$(this).closest('.light')之类的内容，或直接引用$(this).parent().siblings('.light')

Facebook对popup div的评论

1 个答案: