jquery - divの更新時にjQueryがソート可能

Question

行でソート可能なjQueryを含むテーブルがあります。テーブルは div にあり、各行はボランティアの仕事を表しています。以下はソート可能なコードです。

function JobSort () {
    $(".su-jsort").sortable({
        items: "> tbody tr.su-jsortitem",
        handle: '.su-jsorthandle',
        update: function () {
            var order = $(this).sortable('toArray');
            $.ajax({
                url: '/app/volunteerschedule/jobsort/' + $(this).attr("data-purl"),
                data: { sectionorder: order },
                type: 'POST',
                traditional: true
            });
        }
    });
    $("#su-sections").disableSelection();
}

ユーザーがクリックして新しいボランティア ジョブの行を追加すると、ajax 呼び出しによってテーブルを含む div がフォームに置き換えられます。ユーザーがフォームを保存すると、更新されたテーブルで div が更新されます。

Sortable は、ページが読み込まれると機能しますが、新しいジョブが追加された後は機能しません。ソート可能な「リフレッシュ」を試しましたが、テーブルを非表示にして、ソート可能な行を追加することを検討しています。コードを作り直す前に、このあたりはありますか?

Answer 1

Destroyed は、テーブルが削除される前に配置されると機能しました。