如何使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方法？

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

附加新元素后应调用此方法。