jQuery可在div刷新上进行排序

时间:2013-02-06 23:02:10

标签: jquery jquery-ui jquery-ui-sortable

我在行上有一个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追加行。在我重新编写代码之前,还有这个吗?

1 个答案:

答案 0 :(得分:0)

在删除表之前将其删除后即可使用。