时间戳

首页 > 解决方案 > 新增按钮不激活oncl​​ick功能

jquery - 新增按钮不激活oncl​​ick功能

问题描述

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

<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 将 EditData 按钮替换为 AddNew 按钮。

AddNew 成功运行。EditData 成功地将自身替换为 AddNew 按钮，但是此按钮无法按预期工作，并且单击时不会在控制台上打印任何内容。

标签： jqueryhtml

解决方案

You can try to use something like this :

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

推荐阅读