通过Ajax调用删除和追加列表后，拖放列表无法正常工作

Question

我正在使用jQuery拖放列表Demo & Documentation

当页面加载时，

拖放工作正常。

<li class="unmapped" value="11111" draggable="true">Employee111</li>

用户保存列表后，通过Ajax调用重新加载列表。之后拖放工作无效。

我发现li “draggable =”true“

中缺少draggable属性

<li class="unmapped" value="11111">Employee111</li>

我在Ajax Success方法中调用了Draggablelist（）。但这也行不通。

Answer 1

在Ajax Success方法中使用connectWith：

success: function (data) {
  $('#sortable1, #sortable2').sortable({
     connectWith: '.connected'
  });
}