JQuery와 나중에 내가이 스크립트를 HTML을

Question

안녕 얘들을 삽입 인식에

<table> 
<col id="td1"/> 
<col id="td2"/> 
<col id="td3"/> 
<col id="td4"/> 
<tr> 
<td >#ID</td> 
<td >Pogovorka</td> 
<td >Avtor</td> 
<td >Izmeni</td> 
</tr> 
<?php $result = mysql_query("SELECT * FROM $table"); 

while($row = mysql_fetch_array($result)) 
    { 
    ?> 
    <tr> 
    <td><?php echo $row['id'];?></td> 
    <td><?php echo $row['pogovorka'];?></td> 
    <td><?php echo $row['avtor'] ?></td> 
    <td><img class="editImage" src="images/icon_pencil.png" width="16px" height="16px" alt="<?php echo $row['id'];?>"></td> 
    </tr> 
    <?php } 
    mysql_close($con); 
    ?> 

</table> 

이제 문제는 스크립트가 HTML을 인식하지 않는다는 것입니다 PHP 스크립트에서 반환하여 이미지를 클릭 (PHP 스크립트에서)하여 일부 코드를 실행할 수 없습니다. 예를 들어, 내가 만든 경우 :

$(".editImage").click .... 

작동하지 않습니다.

어떻게하면됩니까?

Answer 1

당신은 새로운 HTML과 DOM을 업데이트 한 후 AJAX 성공 콜백 내부 $(".editImage").click을 배치하거나 .live() 방법을 사용할 수 있습니다 사용할

$('.editImage').live('click', function() { 
    ... 
}); 

Answer 2

을 live function :

$('.editImage').live('click', ....); 

또는 다른 요소를 event delegate으로 사용하십시오.

Answer 3

반환 된 html이 스크립트가 호출되기 전에 원래 dom의 일부가 아니기 때문에 출력이 인식되지 않습니다. 그것은 아직 존재하지 않는 요소에 결합 -

Have a look at bind or live with jquery

Answer 4

이것은 .live 기능을위한 것입니다.

$ (". editImage"). live ("click", function() {});

http://api.jquery.com/live/