자바 스크립트가 자바 스크립트에 추가 된 HTML 코드에 영향을주지 않습니다.

Question

jquery와 uploadify을 사용하여 사진을 서버에 업로드하고 있습니다. 사진을 업로드 한 후 ajax를 사용하여 div 컨테이너에 추가됩니다. 모든 것은 DELETE 버튼을 제외하고는 훌륭하게 작동합니다. 모든 삭제 버튼은 페이지로드시 작동하지만 ajax를 통해 추가 된 버튼은 작동하지 않습니다. 나는 이미지 삭제를 가능하게 기능을 정의하고 (양식 삭제) 삭제의 '고전적인'방법을 사용하지 않았기 때문에 그건 가정 :

// Delete photo    
    $(".blog_slike .delete_slika").click(function() { 
     var commentContainer = $(this).parent().parent(); 
     var id = $(this).attr("id"); 
     var string = 'id='+ id ; 

     $.ajax({ 
      type: "POST", 
      url: "./include/ajax-edit/delete.php?polje=blog_slika", 
      data: string, 
      cache: false, 
      success: function(){ 
      commentContainer.fadeOut("slow"); 
      $('#load').fadeOut(); 
      }  
     }); 

     return false; 
    }); 

이 append() 기능을 사용하여 HTML 코드에 추가되는 후 버튼을 작동하게하는 방법을 어떤 생각 ?

<a href=\"javascript:;\" onmousedown=\"tinyMCE.execCommand('mceInsertContent',false,'$slike_u_sadrzaj');\">Ubaci sve slike u blog</a> 

... 또한 페이지로드에 추가되었습니다

한가지 더 ...이 기능을 사용 TinyMCE를 편집기에 사진을 추가 할 수 있습니다. $slike_u_sadrzaj 위치에 콘텐츠를 추가하고 삭제하는 방법은 무엇입니까?

감사합니다, 일드

Answer 1

당신은 JQuery와 live 방법이 필요합니다.

jQuery 1.3에 추가됨 : 현재 및 미래에 일치하는 모든 요소에 대해 처리기를 이벤트 (예 : 클릭)에 바인딩합니다. 또한 맞춤 이벤트를 바인딩 할 수 있습니다.

jQuery documentation

샘플 코드 :

$(".blog_slike .delete_slika").live('click',function() {