Комментарии Facebook на всплывающем div

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')