Facebook 对弹出 div 的评论

Question

我在使用 facebook cmets 并在弹出 div 上显示它们时遇到问题。问题是它们共享相同的 cmets，但我有不同的 data-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>';
}

这是我有 cmets Link的链接

Answer 1

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

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