jQueryのコードは、私はjqueryのUIのソート可能なを使用しています

Question

のAjaxコールdoesntの仕事から戻りましたデータベースに格納されます。その後、データベースからすべてのデータを取得し、jqueryスクリプトに出力して、更新されたビューの順序を確認します。しかし、これが起こると、ソート可能なスクリプトはもはや機能しません。私はAjaxを更新した後でそのリストをドラッグすることはできません。

jquery/ajax経由で呼び出しを行い、返されるhtmlを既存のhtmlに置き換えてソート可能な状態にするにはどうすればいいですか？返されるhtmlは、元のソート可能なhtmlと同じです。私は成功関数内のソート可能なjqueryコードを再初期化する必要がありますか？

Answer 1

私がしたことは、それを関数に入れて、このように呼びました。これが最適な方法であるか、より良い方法があるかどうか教えてください...ありがとう！

function updateAgeSort() { 
$("ul.filter_age").sortable({ 
    handle: ".handle", 
    update: function (event, ui) { 

     var data = $('#formage').serialize(); 

     $.ajax({ 

      data: data, 
      type: 'POST', 
      url: '/path/to/php/script', 
      success:function(data) { 

       $('#age_form').html(data); 

       updateAgeSort(); 

      } 

     }); 

    } 

    }); 
} 

updateAgeSort();