jquery - div刷新时的jQuery可排序

Question

我有一个带有 jQ​​uery 可在行上排序的表。该表在一个 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 一旦被放置在桌子被移除之前就可以工作。