JQuery에서 동적으로 생성 된 데이터에서 click 이벤트 받기

Question

아래 코드는 Ajax 호출을 사용하여 동적으로 생성되고 studentresults이라는 하드 코드 된 div에 배치됩니다.

<div id="studentresults" class="row span8 offset2"> 
    <table id="tablestudent" class="table table-striped table-hover center-table"> 
    <thead>Heading for my table</thead< 
     <tbody> 
     <tr id="showstudents"> 
      <td>29041</td> 
      <td>jan</td> 
      <td>jan</td> 
      <td> 
      <a class="btn" href="#">View Results »</a> 
      </td> 
      <td id="29041"> 
      <a id="29041" class="btn showstudent" href="#">Delete Student » </a> 
      </td> 
     </tr> 
     <tr id="showstudents"> 
      .... another dynamic record from Ajax... 
     </tr> 
    </tbody> 
    </table> 
</div> 

잘 작동합니다. 그러나 Delete Student 태그에 대한 또 다른 Ajax 호출을 원합니다. 이 동적 인 내용을 위해 jQuery 클릭 함수를 작성하는 방법을 이해할 수 없습니다.

JQuery와 통화 그러나이 하드 코딩 사업부에서 작동

$('.showstudent').click(function(){ 

alert('In click'); 

}); 

작동하지 않습니다 내가 동적의 경우 동적 <a> 내용

Answer 1

에 액세스 할 수있는 방법을 container

$('#studentresults').click(function() { 

alert('In click'); 

}); 

요소는 이벤트 전달 기반 이벤트 리스너를 사용해야합니다. 따라서, 이벤트 핸들러는 해당 요소에 부착되지 것이다

는 이벤트 핸들러를 등록 $('.showstudent').click(..)를 사용하여, 상기 실행 시간의 선택을 실행하고, 동적 요소는 그 시간에 존재하지 않을 수

$(document).on('click','.showstudent', function(){ 
    alert('In click'); 
});