jQuery拖放如何将已拖动的项目与新拖动的项目互换

Question

我有一组div，可以将其拖到另一组div上。 听到就是代码

    $('#mapColumns div').draggable({
          containment: '#content',
          cursor: 'move',
          revert: 'invalid',
          stack:'#mapRow div'
    });
    alert($('#mapRow div'));

    $('#mapRow div').droppable({
        accept: '#mapColumns div',
        drop: handleColumnDrop
    });

我想做的是，如果将div拖动到已经放置了先前拖动的div的可放置div上，那么我想将先前拖动的div还原到其原始位置，然后将新拖动的div放回原处。 我该如何实现。

问题是我无法在已经拖放到可放置元素上的div上获取句柄

请帮忙。

Answer 1

我想这就是你想要的！

这是一个快速演示，仅用于演示目的，您可以根据需要对其进行美化

http://jsfiddle.net/N4xWr/21/