jquery ui可排序:如果更新回调发出失败的Ajax调用,是否恢复更改?

我很确定Sortable没有任何撤销上次删除的功能——但这是一个好主意!

同时,我认为你最好的选择是写一些 start 它存储排序,然后在失败时调用一个revert函数。也就是这样:

$("list-container").sortable({
  start: function () { 
           /* stash current order of sorted elements in an array */
         },
  update: function () {
          /* ajax call; on failure, re-order based on the stashed order */
         }
});

不过,我很想知道别人是否有更好的答案。

尝试以下操作:

$(this).sortable('cancel');

我刚刚遇到了同样的问题,为了得到一个完整的答案,我想分享我对这个问题的解决方案:

$('.list').sortable({
  items:'.list:not(.loading)',
  start: function(event,ui) { 
    var element = $(ui.item[0]);
    element.data('lastParent', element.parent());
  },
  update: function(event,ui) {
    var element = $(ui.item[0]);
    if (element.hasClass('loading')) return;
    element.addClass('loading');
    $.ajax({
      url:'/ajax',
      context:element,
      complete:function(xhr,status) {
        $(this).removeClass('loading');
        if (xhr.status != 200) {
          $($(this).data('lastParent')).append(this);
        }
      },
    });
  }
});

您需要修改它以适应您的代码库,但这是一个完全多线程安全的解决方案,对我来说非常有效。