將div內容與另一個div內容位置切換

Question

我想知道是否有方法將可拖動div內容的位置與drop div內容的位置切換。我有6個可拖動的divs，這裏面有img和p標籤。我需要的是當我拖動另一個div時切換位置。由於

首先應該是這樣的：http://jsfiddle.net/3CM2M/

開關後：http://jsfiddle.net/3CM2M/1/

$(dropObjects).draggable({ 
     axis: "x", 
     zIndex: 100}); 

Answer 1

您可以使用jQuery UI的sortable功能與draggable。

$(".selector").draggable({ connectToSortable: "#my-sortable" }); 

這裏是the working example和jQuery UI的官方網站corresponding documentation (connectToSortable)。

這裏是有關的詳細信息：

• Sortable
• Draggable