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事件處理程序，所有現有的和將來創建匹配的元素。