Jquery 링크 클릭이 작동하지 않습니다.

Question

each(data, function(i, elem) { 
    var url = image_path + elem["c_no"] + "$" + elem["p_date"] + "$" + elem["time_slot"] + "$" + elem["d_name"] + ".jpg"; 
    var new_row = '<td align="middle">' + elem["p_date"] + '</td>'; 
    new_row += '<td align="middle">' + elem["d_name"] + '</td>'; 
    new_row += '<td align="middle">' + '<a href="#" class="x"> AAAAA </a>' + '</td>'; 
    var appendRow = '<tr>' + new_row + '</tr>'; 
    $('#pres tr:last').after(appendRow); 
}); 


$('table#pres td a.x').click(function() { 
    console.log("ITWORKS"); 
}); 

웹 페이지에 일부 링크를 동적으로 표시하는 위의 코드 세그먼트를 시도했습니다. 괜찮아요. 링크를 클릭 한 후에 뭔가해야합니다.

Answer 1

당신은 동적으로 추가 요소 Event delegation을해야한다.

$('table#pres').on('click','td a.x',function() { 

    console.log("ITWORKS"); 

}); 

Answer 2

사용 on()는 :

$('#pres').on("click", "td a.x", function() { 
    console.log("ITWORKS"); 
}); 

이 기존의 모든 click 이벤트 핸들러를 연결하고 미래는 일치하는 요소를 만들었습니다.