JQuery .Sortable 恢复移动 LI

Question

我正在根据示例here 使用 JQuery .Sortable 设计看板。

基本上我们会生成一些 (ul) 列表，我们可以使用 JQuery .Sortable 在列表之间拖动列表项：

  $(function() {
    $( ".sortable" ).sortable({
      connectWith: ".connectedSortable",
      receive: function( event, ui ) {
        // Do something when a list item is dragged from one ul to another ul
      }
    }).disableSelection();
  });

我已经能够将它绑定到我的数据库并且一切似乎都工作正常。

然而，我确实希望能够应用一些规则来允许将项目拖动到哪个列表。我可以快速调用数据库以检查它是否是在 .Sortable 上生成的事件中的有效移动，但我看不到如何执行该规则以使列表项恢复到其原始列表。

我希望这是有道理的，或者如果您需要任何更具体的设置信息，请按照上面链接中的示例告诉我。

Answer 1

最终找到了简单的答案...

ui.sender.sortable("cancel");

这放置在事件函数中将停止其轨道中的所有内容并将 LI 恢复到之前的位置。