ドラッグドロップ置換JavaScript jquery

Question

ドラッグアンドドロップコードを実装していますが、現在は6つのドラッグアンドドロップ可能なイメージがあります。このコードは、イメージが別のイメージにドラッグされたときにスワップします。私が何をしようとしているのかは、2つの画像の位置を入れ替えるだけです。

見てみましょう - http://jsfiddle.net/kommandoss/YuRpU/

を任意のヘルプ感謝、感謝

Answer 1

が、希望、私はそれがうまく見えた上位のdivに配置された別の画像の上に画像をドラッグするだろうというとき、私のために働くように見えました上のdivの画像を置き換え、置き換えられた画像は他の画像の最後に追加されます。

$("#circles").droppable({ 
    accept: '.circles' 
}) 

$("#circles").droppable({ 
    accept: '.circles' 
}); 

はEDIT：あなたがに要素をしたい場合はおそらく、私は完全に私も、この行の末尾に不足しているセミコロンを気づかなかったあなたは...

探しているものを理解していないのですそれらが含まれるべき場所にパラメータを定義する必要がある場所にとどまっています。現在、それらのパラメータがソートされているか厳密に指定されていない限り、基本的に互いに浮動しています。

divサイズあなたのCSSの領域に画像を格納するには、th問題の解決に役立つはずです。

div-name { 
    height: 150px; 
    width: 150px; 
} 

このようにすると、画像をある領域に拘束したままにしておくことができます。その結果、画像はページ内で互いに浮遊しているだけではありません。

Answer 2

だけ.sortable()を使用します。私のミス

$(document).ready(function() { 
    $("#inventory").sortable(); 
}); 

http://jsfiddle.net/YuRpU/1/