javascript - 動的に追加されたクラスのイベント

Question

リクエストの送信元に応じて、ボタンのクラスが動的に変化するフォームがあります。onclick イベントをキャプチャしようとしていますが、動的に追加されたクラスを取り込めません。クラスがボタンに追加されていることを確認しました。どこが間違っているのでしょうか。

切れ端 -

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

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

オンクリック --

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

ボタンクラスが newClass に変更されますが、コードはこのイベントイベントに到達しません。

ありがとう

score 3 · Accepted Answer

クリックイベントをバインドすると、要素に別のクラスが含まれます。

次のようなことを試してください：

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

score 0 · Accepted Answer

DOM のロード時にクリック機能をボタンに直接追加してみて.hasClass()、newClass が適用されているかどうかを確認するために使用できます。

$('.button').click(function() {
    if($(this).hasClass('newClass')) {
        //Code for new class click
        alert('test');
    }
});

4 に答える 4