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');，但我认为最好取消源列表和目标排序列表。这样，列表项就会立即恢复。这里还有其他可分类的选项。

Answer 3

谢谢，liveat60fps，这是你只需要的两句话中的第二句。

$('#some-list').sortable({

      // other options here,
  receive: function(event, ui) {

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

这样，在一定条件下，你就可以回到原状了。