jquery - 使 jquery 表可点击

Question

我创建了一个 jquery 表，其中包含来自 mysql 表的数据，我需要让它可以点击，因为我想在点击时显示一个模式。问题是 click vent 在 jquery 表中不起作用。这是我的 jquery 表:

$('#btnLoadAttendance').click(function(){
var dept = $('#cmbdept').val();
if(dept == "SEWING")
{
    var dLine = $('#cmbline').val();
    var dSection = $('#cmbsection').val();
    console.log(dept+', '+dLine+', '+dSection);
    var formdata = {dept:dept,section:dSection,line:dLine};
}
else
{
    var dLine = '';
    var dSection = '';
    console.log(dept);
    var formdata = {dept:dept};
}

$.ajax({
    type: 'POST',
    url: "<?php echo site_url('tms/loadAttendance');?>",
    data:formdata,
    dataType: 'json',
    success: function(data){
        console.log(data.emplist[0]);
        var tr;
        $('#tblAttendance tbody').empty();
        $.each(data.emplist,function(i,item){
            if(item.Active == '1')
            {
                var status = 'Active';
            }
            else
            {
                var status = 'Resigned';
            }

            tr = $('<tr/>');
            tr.append("<td><a href='#'>Edit</a></td>");
            tr.append("<td>"+item.EmpID+"</td>");
            tr.append("<td>"+item.Lastname+', '+item.Firstname+', '+item.Middlename+"</td>");
            tr.append("<td>"+status+"</td>");
            $('#tblAttendance').append(tr);
        });
    },
});
});

这是我正在使用的点击事件:

$(function(){
$('#tblAttendance tbody td').click(function(){
    console.log('You clicked');
});
});

我已经用谷歌搜索了解决方案，但他们给了我不匹配的答案..

Answer 1

试试这个:

$('#tblAttendance tbody').on('click', 'td', function () {
     console.log('You clicked');
});