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

Question

基本上，我希望能夠自由地將物品拖放到容器中，並將它們留在我想要的任何位置。但是，如果有兩個物品相互接觸，則將右側的物品拖動到左側的物品應該使兩個交換位置（因此sortability）...

但是，如果我這樣做：

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方法？

刷新可排序的項目。自定義觸發重新加載所有可排序項目，導致識別新項目。

這應該在追加新元素後調用。