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-ingredient-container-3 之后移动removable-ingredient-container-1。

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

谢谢你， 升

Answer 1

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