Question

我怎样才能将最新的可拖动div放到容器div中，而前一个或放置的div将直接附加到另一个容器div。例如，我有2个名为container1和container2的可放置div，以及2个名为draggable1和draggable2的可拖动div。假设draggable1已经从container2中删除了container1，我现在将draggable2拖到container1然后当它被删除时，draggable1必须直接附加到container2。

HTML

<div class="container1" style="width: 100px; height: 100px; border:1px solid black;"></div>
<div class="container2" style="width: 100px; height: 100px; border:1px solid black;"></div>
<div id="wrapper">
   <div class="draggable1" style="width: 100px; height: 100px; border:1px solid black;"></div>
   <div class="draggable2" style="width: 100px; height: 100px; border:1px solid black;"></div>
</div>

的Javascript

$('.draggable1 .draggable2').draggable({
    cursor: 'pointer',
    snap: '#wrapper',
    containment: document.body,
    revert: 'invalid',
    scroll: false,
    appendTo: document.body
});
$('.container1 .container2').droppable({
    accept: '.draggable1 .draggable2',
    drop: function(event, ui) {
        $(this).append(ui.draggable.css('position','static'));
        //something here
    }
});

更新

最近，我做了一些研究，我发现这个来源类似，可能是一个指南。但是，我对此感到困惑。请帮忙。

JSFiddle

JQuery：只删除最新的可拖动div然后删除div附加到其他div

0 个答案: