Question

목록에서 파일을 삭제 한 다음 AJAX를 통해 목록을 다시로드하는 jquery 함수가 있습니다.

완벽하게 작동하지만 단 한 번.

 $(".delbutton").click(function(){ 
     var filename = $(this).attr("id"); 
     var info = 'pid=<?php echo $_GET["pid"]; ?>&f=' + filename; 
      $.ajax({ 
       type: "POST", 
       url: "deleteupload.php", 
       data: info, 
       success: function(){ 
        $('#filelist').load("files.php?pid=<?php echo $_GET["pid"]; ?>"); 
       } 
      }); 
    }); 

}); 

HTML 페이지에 또 다른 JQuery와 기능이 하나가되지 않을 때 그래서 그 고장 jQuery를하지 않는 일을 계속

<div id="filelist"> 
    <img src='/images/cross.png' alt='delete' class='delbutton' id='OUCH.gif'>&nbsp;OUCH.gif<br> 

<img src='/images/cross.png' alt='delete' class='delbutton' id='xmas_tree.png'>&nbsp;xmas_tree.png<br> 
    </div> 

입니다.

누군가가 문제를 보게 될 수는 없습니다.

Answer 1

.delbutton과 일치하는 요소에 바인딩하는 것이지만 $('#filelist').load 호출로 바꾸는 것이 문제입니다. click과 같은 표준 바인딩 함수는 요소 인에 속하지만 선택자에 바인딩되지 않습니다.

간편한 방법은 live 또는 delegate 중 하나를 사용하는 것입니다.

$('#filelist').delegate(".delbutton", 'click', function(){ 
    // your code here 
}); 

NB 내가 대신 data-url 속성을 사용하는 것이 좋습니다 것 ... id 속성보다 파일 이름을 넣어 아마 더 좋은 장소가 있습니다 : 나는 delegate 구문을 선호합니다. (data 참조)