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>

因此，这表示多个行，每行包含相同的元素。我还有按钮来添加新行和删除行。这很有效。

现在我想增加移动行的可能性，例如，在可移动配料容器-3之后移动可移动配料容器-1。

根据我的例子，有没有人有关于如何在jQuery中执行此操作的示例或教程？

谢谢你， →

Answer 1

jQueryUI有一个sortable插件，可以用来干净利落地实现这种效果。