2013-02-06 92 views
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。

当页面加载时可排序工作,但在添加新工作后无法工作。我尝试了可排序的“刷新”,并考虑隐藏表格并通过排序追加行。在我重新编写代码之前,围绕此代码是否存在?

+0

奇怪的是'sortable('refresh')'方法不起作用。你是否尝试过'sortable('destroy')'方法,然后在表上再次应用'sortable({...})'? – Boaz

回答

0

被毁坏的工作,一旦它被放在表被删除。