javascript - 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 取代它的位置。我如何实现这一目标。

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

请帮忙。

Answer 1

我想这就是你想要的!

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

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