idを変更した後にリッスンするイベント

Question

ボタン 'A'がクリックされたときに 'B'のIDを変更し、Jqueryを使用して 'B'のクリックイベントをリッスンするが、コードが機能しない場合 this私のコードの例です：あなたが使用している現在

$(function() { 

    $(".nuttonA").click(
     function() { 

      $("#buttonB").attr("id","notButtonB"); 
     }); 

    $("#notButtonB").click(function(){ 
     console.log(" notButtonB is clicked "); //show nothing 
    }); 
}); 

Answer 1

イベントの委任が必要だと思います。これを試してみてください：

$(function() { 

    $(".buttonA").click(
     function() { 

      $("#buttonB").attr("id","notButtonB"); 
     }); 

    $("body").on("click", "#notButtonB",function(){ 
     console.log(" notButtonB is clicked "); //show nothing 
    }); 
}); 

Answer 2

は、あなたのコードは、イベントバインディング呼び出しを行う時にページ上に存在する要素にアタッチれる「直接」結合と呼ばれています。

操作プロパティーを使用する場合は、委任イベントアプローチを使用してEvent Delegationを使用する必要があります。

一般的な構文

$(document).on('event','selector',callback_function) 

例は

$(document).on('click', ".nuttonA", function(){ 
    $("#buttonB").attr("id","notButtonB"); 
}); 
$(document).on('click', "#notButtonB", function(){ 
    //Your code 
}); 

documentの代わりに、あなたは、最寄りの静的なコンテナを使用する必要があります。