jquery - jQuery 関数が .load 後に機能しない

Question

重複の可能性:
AJAX の読み込み後に jQuery イベントが発生しない?

ボタンをクリックした後にページを再ロードする機能があります。これは次のとおりです。

$(".updated").load("index.php .updated");

すべてを完全にロードします。しかし、テーブル行をフェードアウトする必要がある他の関数をロードした後、機能しません。関数は次のとおりです。

$('.deletetable').click(function () {
 var x = this.id;
 $.post("Changes.php", { ID: x, CLEAR: '1'});
 $('#slideup'+x).fadeOut("slow");

同様に正常に動作しますが、.load が発生する前です。

何か案は？

ありがとうございました！

Answer 1

ロード後にコードを実行する場合は、ロードするコールバックとしてコードを渡します。

$(".updated").load("index.php .updated", function(){

    $('.deletetable').click(function () {
     var x = this.id;
     $.post("Changes.php", { ID: x, CLEAR: '1'});
     $('#slideup'+x).fadeOut("slow");
    })

});

Answer 2

これを使って：

$(document).on('click', '.deletetable', function () {
    var x = this.id;
    $.post("Changes.php", {
        ID: x,
        CLEAR: '1'
    });
    $('#slideup' + x).fadeOut("slow");
});