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でそれを行う方法の例やチュートリアルを持っていますか？

は L

Answer 1

jQueryUIあなたはきれいにし、簡単にその効果を達成するために使用することができますsortableプラグインを持って、ありがとうございます。