1
我有一个jQuery表可以在行上排序。该表格是一个div,每一行代表一项志愿工作。以下是可排序的代码。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。
当页面加载时可排序工作,但在添加新工作后无法工作。我尝试了可排序的“刷新”,并考虑隐藏表格并通过排序追加行。在我重新编写代码之前,围绕此代码是否存在?
奇怪的是'sortable('refresh')'方法不起作用。你是否尝试过'sortable('destroy')'方法,然后在表上再次应用'sortable({...})'? – Boaz