jQueryでdivとsetイベントを再ロード

Question

jQueryでdivをロードしようとしましたが、動的に作成された要素にクリックイベントを設定して、PHPスクリプトにリクエストしてからdivをリロードします。 残念ながら、イベントはリロード後に設定されません。 マイコードは、これまでのようになります。

$(document).ready(function() { 
    $("#incomplete").load("incompleteTasks.php", '', function() { 
      //Setting Click-Events 
      $(".btn_aufg").click(function() { 
      window.alert($(this).attr("id")); 
      var encoded = encodeURIComponent($(this).attr("id")); 
      //Marking Task as completed... 
      $(this).load("taskworker.php?action=complete&id=" + encoded); 
      //reloading div 
      $("incomplete").load("incompleteTasks.php"); 
    }); 
}); 

}）;

ユーザーがボタンをクリックした後でもう一度イベントをアクティブにするにはどうすればよいですか？

Answer 1

これを行います...

$(document).("click",".btn_aufg",function() { 
    var encoded = encodeURIComponent($(this).attr("id")); 
    $(this).load("taskworker.php?action=complete&id=" + encoded); 
    //reloading div 
    $("#incomplete").load("incompleteTasks.php"); 
}); 

$("#incomplete").load("incompleteTasks.php"); 

Answer 2

使用on代わり

$("body").on("click", ".btn_aufg", function() { 
    //Click function 
});