当我点击按钮时，出现新按钮，它不起作用

Question

当我点击按钮时，我想在我的db.So中添加新笔记。当我点击add_note按钮时，会出现一个文本框和保存按钮。当我点击保存按钮没有任何改变。我检查网络concole但没有错误。我该怎么办？

  

jquery的

$("#add_note").each(function() {
    $(this).on("click", function() {
        $("#not").html('<input type="text" id="note" />');
        $("#buton").html('<button  class="btn btn-primary btn-sm " id="save">Save</button>');

    });
});


$("#save").each(function() {
    $(this).on("click", function() {
        alert("dsfasdfasdfasd");
    });
});

  

HTML

<td id="not"></td>
<td id="buton">
    <button class="btn btn-primary btn-sm " id="add_note"> Add New Note</button>
</td>

Answer 1

我在HTML中是唯一的。使用事件委派在DOM中动态添加elemnet

 $("#buton").on('click', '#save', function(){
   alert("dsfasdfasdfasd");
 });