JQuery Drag and;删除如何交换已拖动的新拖动项目

时间:2011-11-23 15:34:37

标签: javascript jquery jquery-ui drag-and-drop

我有一组可以在另一组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恢复到其原始位置并重新拖动以取代它。我如何实现这一目标。

问题是我无法处理已拖放在droppable元素

上的div

请帮助。

1 个答案:

答案 0 :(得分:3)

我认为这就是你想要的!

这是一个快速演示,这是为了演示目的,你可以根据需要美化它

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