将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