如何使jQuery UI可排序容器中的元素可以自由拖动？

Question

基本上，我希望能够自由地将容器中的物品拖放到我想要的任何位置。但是，如果有两个物品相互接触，则将右边的物品拖向左边的物品。应该导致两者交换位置（因此可分类性）......

但是，如果我这样做：

container.sortable({axis: 'x'});
item_1.draggable({axis: 'x'});
item_2.draggable({axis: 'x'});
container.append(item_1);
container.append(item_2);

然后他们不是可以排序的，只是可以拖拽......我怎么能做到这一点？

Answer 1

您是否尝试过使用refresh方法？

  

刷新可排序的项目。自定义触发重新加载所有可排序项目，从而导致识别新项目。

在追加新元素后应该调用它。