javascript - 动态添加的类上的事件

Question

我有一个表单，其中按钮的类会动态更改，具体取决于请求的来源。我试图捕获 onclick 事件，但它不接受动态添加的类。我确保该类已添加到按钮中。我哪里可能出错了。

片段——

   $('.button').removeClass('oldClass');
   $('.button').addClass('newClass');

   <button class = "button">Button</button>

单击时--

     $('.newClass').click(function(){
          alert("test");
     });

虽然按钮类更改为newClass，但代码没有到达此事件事件。

谢谢

Answer 1

这就是因为当您绑定(bind)单击事件时，该元素具有另一个类。

尝试这样的事情:

$('body').on('click', '.newClass', function () {
        alert('test');
    });

Example