我只有一个可点击的添加按钮来添加新的表格行。表格行包括一个删除按钮。我注意到,当我动态添加新行时,按钮不会触发单击事件,但如果在页面加载时按钮存在,那么它可以正常工作。我该如何纠正?
Javascript:
$('#btnAdd').click(function () {
var newTr = '<tr><td><input id="column_0" name="column[0]" style="width:40%;" type="text" /> <img alt="Delete-icon24x24" class="btnDel clickable" id="" src="/assets/delete-icon24x24.png" /></td></tr>';
$('#columns').append(newTr);
});
$('.btnDel').click(function () {
alert('hey');
console.log('test');
var row = $(this).closest("tr");
alert(row);
row.remove();
});