Javascript 如何在JQuery中添加的类上单击（）？

我试图在按钮上创建一个简单的编辑功能。当用户单击包含以下类别btn btn primary btn Edit change btn的编辑按钮时，文本将更改为保存，输入元素上的只读属性将被删除，并且将有一个类别btn success Save btn，同时删除编辑btn btn primary类别。因此，当用户再次单击按钮时，它将更新并保存数据。虽然它删除并成功更改了类，但save btn函数即使使用简单的hello警报也无法工作。这是我的密码：

$(document).ready( function() {

    $('.save-btn').click(function () {
          alert('hello');
    });

    $('.edit-btn').click(function () {
          $('.change-btn').removeClass('btn-primary edit-btn').addClass('btn-success save-btn').text('Save');
          $('#firstname, #lastname').removeAttr('readonly');
    });
});

---

我在这里执行javascript/jquery有什么问题吗？

它不起作用，因为在添加save btn click处理程序时，该类还没有出现在按钮上。尝试使用代理

$(document).ready( function() {

    $(document).on('click', '.save-btn', function () {
          alert('hello im clicked');
    });

    $(document).on('click', '.edit-btn', function () {
          $('.change-btn').removeClass('btn-primary edit-btn').addClass('btn-success save-btn').text('Save');
          $('#firstname, #lastname').removeAttr('readonly');
    });
});

---

您可以使用按钮的父级而不是文档。

它不起作用，因为在添加save btn click处理程序时，该类尚未出现在按钮上。尝试使用代理

$(document).ready( function() {

    $(document).on('click', '.save-btn', function () {
          alert('hello im clicked');
    });

    $(document).on('click', '.edit-btn', function () {
          $('.change-btn').removeClass('btn-primary edit-btn').addClass('btn-success save-btn').text('Save');
          $('#firstname, #lastname').removeAttr('readonly');
    });
});

---

您可以使用按钮的父项而不是文档。

您面临的问题是什么？您可以修改代码吗？您面临的问题是什么？您可以修改代码吗？