Jquery拖放div

Question

我有像这样的HTML：

  <div class="form-container-ingredients">
     <div id="removable-ingredient-container-1"> 
       ... other elements
     </div>
     <div id="removable-ingredient-container-2"> 
       ... other elements
     </div>
     <div id="removable-ingredient-container-3"> 
       ... other elements
     </div>
  </div>

所以这代表了许多行，每一行都包含相同的元素。我还有添加新行和删除行的按钮。这是可行的。

现在，我想添加移动行的可能性，例如，将removable-container container-1移动到removable-container container-3之后。

根据我的例子，有没有人有关于如何在jQuery中做到这一点的例子或教程？

谢谢你，L

Answer 1

jQueryUI有一个sortable插件，您可以使用它来轻松干净地实现此效果。