新添加的按钮无法激活oncl​​ick功能

Question

所以我有两个不同的按钮：

<input type='button' class='EditData btn btn-warning' value='Edit' name="{{id}}">

<input type='button' class='AddNew btn btn-success' value='Add Allocation' id="{{id}}">

这是我的JQuery

$(function () {
    $('.AddNew').click(function(){
        console.log(this.name);
    });
    $('.EditData').click(function() {
         var y = document.getElementById("location_"+this.name);
         y.innerHTML = '<input type="button" class="AddNew btn btn-success" value="Add Allocation" id="'+this.name+'">'
    });
});

AddNew只是将某些内容打印到控制台。 EditData用AddNew按钮替换了EditData按钮。

AddNew成功运行。 EditData成功地用AddNew按钮替换了自己，但是单击该按钮后无法正常工作，并且单击该按钮时不会在控制台上打印任何内容。

Answer 1

您可以尝试使用类似这样的内容：

$("body").on("click", ".AddNew", function(){
   console.log("test");
});