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

加载代码如下:
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("响应");
});

 

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

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

    alert("响应");
})

 

你需要在更新dom节点后再执行绑定点击事件