拖放刪除替換javascript jquery

Question

我正在實現一個拖放代碼，目前我所擁有的是6個可拖動和可拖放的圖像，此代碼所做的是當圖像被拖動到​​另一個圖像上時，它們也會交換所有圖像地方以及（如排序）我試圖做的只是交換2張圖片的位置，剩下的只剩下其餘部分。

看看 - http://jsfiddle.net/kommandoss/YuRpU/

任何幫助表示讚賞，感謝

Answer 1

這似乎爲我工作，我會在另一個圖像我放置在上面的div它看起來很好，它會拖動圖像替換上部div中的圖像，並將替換後的圖像添加到其他圖像的末尾。也許我沒有完全理解你在找什麼...

我也注意到在這行的末尾缺少分號，但：

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

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

編輯：如果您希望元素留在你需要定義參數的位置，他們應該包含在它們的位置。目前它們基本上是浮動在彼此周圍，除非你正在排序或嚴格確定它們駐留的參數。

你可以定義一個div大小在你的CSS中包含圖像到一個區域，th應該有助於解決你的問題。

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

這使得圖像保持約束到一個區域，這樣，他們不是簡單地圍繞彼此在頁面浮動。

Answer 2

只需使用.sortable()：

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

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