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

基本上，我希望能够自由地拖动容器中的物品，并将它们放在我想要的任何位置。。但是，如果有两个项目相互接触，将右侧的项目拖向左侧的项目将导致两个项目交换位置（因此可排序性）

但是，如果我这样做：

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

那么它们不是可排序的，只是可拖动的。。。我如何才能做到这一点？

您是否尝试过使用该方法

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

---

应该在附加新元素后调用此函数

是的，它不起作用。一旦容器中的项目可以自由拖动，sortable似乎就不再起作用了。。。