Не ошибка функции в jquery, когда вы нажмете второй раз

Question

У меня проблема с плагином Wordpress. Я сделал карту области изображения, которая находится в этом месте.

http://singhalcompetitionclasses.com/newspaper/

В этом я создал две карты области.

Когда я нажимаю первый раз на любой карте местности, то это показывает всплывающее

, но когда я снова нажать на любую из карты области, то он дает ошибку в консоли

hello is not a function

Я использую код следующим образом:

<script> 
function hello(id){ 
     var path = "<?php echo $path; ?>"; 
     alert(id); 
     var path = path+id+'/'+id+'.jpg'; 
     image = "<img src='"+path+"' id='hello'>"; 
     //alert(image); 
     jQuery("#hidden").html(image); 
     var newwindow = window.open(jQuery(this).prop('href'), '', 'height=800,width=800'); 
     // if (window.focus) { 
      newwindow.focus(); 
      newwindow.document.write(jQuery("#hidden").html()); 
     //} 
     return false; 
    } 
</script> 

<div style="width: 900px; overflow: scroll; float: left;"> 
<img src="<?php echo $img_src;?>" id="photo" style="width: 850px;" usemap="#planetmap" /> 
</div> 
<map name="planetmap"> 
<?php 
$sql = mysql_query("select * from epaper"); 
while($row = mysql_fetch_array($sql)){ 
    $xx = $row['file_id']; 
    echo '<area shape="rect" style="cursor:pointer;" coords="'.$row['x1'].','.$row['y1'].','.$row['x2'].','.$row['y2'].'" target="_blank" onclick="return hello('.$xx.');" alt="Sun" onmouseover="borderit(this,"black")" onmouseout="borderit(this,"white")">'; 
} 
?> 
<div id="hidden" style="display:none;"> 

</div> 
</map> 

Пожалуйста, ребята, помогите мне выйти из этой проблемы

Answer 1

Ваше имя функции используется как идентификатор элемента html внутри него. Это путает браузер.

Изменить идентификатор на этой линии:

image = "<img src='"+path+"' id='hello'>";

к (например):

image = "<img src='"+path+"' id='other_id'>";

Answer 2

I have checked the coded there is string error you can use below code: 
I hope this is fine for you:- 

while($row = mysql_fetch_array($sql)){ 
    $xx = $row['file_id']; 
    ?> 
     <area shape="rect" style="cursor:pointer;" coords="<?php echo $row['x1'].','.$row['y1'].','.$row['x2'].','.$row['y2']; ?>" target="_blank" onclick="return hello('<?php echo $xx; ?>');" alt="Sun" onmouseover="borderit(this,'black')" onmouseout="borderit(this,'white')"> 
    <?php } ?> 

OR 

echo '<area shape="rect" style="cursor:pointer;" coords="'.$row['x1'].','.$row['y1'].','.$row['x2'].','.$row['y2'].'" target="_blank" onclick="return hello('.$xx.');" alt="Sun" onmouseover="borderit(this,\'black\')" onmouseout="borderit(this,\'white\')">';