JQuery UI可排序:根据某些条件恢复位置

Question

我调用sortable.stop()了一个ajax调用来在拖放操作后存储一些数据.

当ajax调用返回错误(应用程序逻辑错误或网络问题)时,我想将拖动的元素移动到其原始/开始位置,我该如何实现它？

场景应该是

1. 用户拖动A到B.
2. sortable.stop()调用该事件,它会触发ajax调用
3. ajax调用返回错误
4. 在stop()事件中我们得到了ajax错误
5. 将A移动到其原始位置
6. 用户再次将A移动到B.
7. 一切都好
8. A仍然处于B的新位置

显示步骤6-8以阐明可以进行连续拖动并且必须忘记先前的错误.

Answer 1

看看.sortable('cancel'); 这样的事情:

var list = $('#some-list')
list.sortable(
{
    // Some options.
    stop: function()
    {
        $.post('some-url', someData, function()
        {
            if (somethingWentWrong)
            {
                list.sortable('cancel');
            }
        });
    }
});

Answer 2

感谢dafi - 这适合我:

$('#some-list').sortable({
  // other options here,
  receive: function(event, ui) {

    // ajax or function here
    if(somethingWentWrong) {
       $(this).sortable('cancel');
       $(ui.sender).sortable('cancel');
    }

  }

 });

我不确定你是否需要$(this).sortable('cancel');,但我认为最好取消源和目的地可排序列表.这样,列表项立即恢复.其他可排序选项在这里.