将div内容切换为另一个div内容位置

Question

我想知道是否有一种方法可以将dropgg div内容的位置切换为drop div内容的位置。我有6个可拖动的div，其中包含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" });

以下是jQuery UI官方网站中的the working example和corresponding documentation (connectToSortable)。

以下是有关的详细信息：

• Sortable
• Draggable