javascript - 表行单击监听器停止工作

Question

我使用以下函数动态地将行添加到表中。单击一行后，表格消失，并动态生成和填充另一个 div。直到 2 小时前，一切都运行得很好，突然间，如果我没有更改任何代码，它就停止了。我不确定下面的代码是否足以让某人给我答案，但是有人看到这会突然停止工作的任何特殊原因吗？

var setupProjectListTable = function (ipProject, table, tableContainer) {
    $('#' + table + ' tr').hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
    var title             = ipProject.getTitle();
    var desc              = ipProject.getDesc();
    var applicableDegrees = ipProject.getApplicableDegreeList();
    var keywordList       = ipProject.getKeywordList();
    $('#' + table + ' tbody').append(
        '<tr id = "' + title             + '">'    +
        '<td>'       + title             + '</td>' +
        '<td>'       + desc              + '</td>' +
        '<td>'       + applicableDegrees + '</td>' +
        '<td>'       + keywordList       + '</td></tr>'
    );
    $("#" + title).click( function(e) {
        e.preventDefault();
        $('#' + tableContainer).hide();
        generateProjectDetails(ipProject);
    });
};

Answer 1

很简单。 click() 只影响现有元素，但不影响添加的元素。

所以使用on():

$("tbody").on('click', '#' + title, function(e) {
    e.preventDefault();
    $('#' + tableContainer).hide();
    generateProjectDetails(ipProject);
});