Aajx加载数据的标签代码点击事件无效

Question

加载代码如下：
for (var i = 0; i < json.length; i++) {
    data += "<tr>" +
        "<td>" + (i + 1) + "</td>" +
        "<td>" + json[i].student.id + "</td>" +
        "<td>" + json[i].student.name + "</td>" +
        "<td>" + json[i].sumNumber + "-" + json[i].residue + "</td>" +
        "<td>" + json[i].state.state + "</td>" +
        "<td>" + json[i].admin.adminType + "</td>" +
        "<td>" + json[i].admin.name + "</td>" +
        "<td><button>更新</button><button class='deleteInfo'>删除</button></td></tr>";
    
    document.getElementById("title").innerHTML = data;
}

加载代码如下：

$(".deleteInfo").click(function () {
    alert("响应");
});

Answer 1

改on代理，$(".deleteInfo")获取到的只是执行代码时已经添加dom。

$(document).on('click','.deleteInfo',function(){

    alert("响应");
})