首页 文章

如何在JQuery中添加类的.click（）？

提问于
浏览 次
1

我想在按钮上创建一个简单的编辑功能 . 当用户单击编辑按钮（包含以下类btn btn-primary btn-edit change-btn）时，文本将更改为"Save"，将在输入元素上删除readonly属性，并且将具有类btn-成功save-btn同时删除edit-btn btn-primary类 . 因此，当用户再次单击该按钮时，它将更新并保存数据 . 虽然它删除并成功更改了类，但即使使用简单的"hello"警报，save-btn函数也无法正常工作 . 这是我的代码：

$(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有什么问题吗？

javascript jquery

1 回答

  • 4

    它不起作用，因为当您添加save-btn单击处理程序时，该类尚未在按钮上 . 尝试使用代表 .

    $(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');
    });
});

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

    回复于

相关问题