jquery-ui - 无法拖动已拖动的元素

Question

我在http://jsfiddle.net/stevea/zPPPV/3/有一个简单的拖放情况。如果您拖放绿色框，则放置处理程序会克隆拖动的对象并将其插入到发生放置的 xy 处的红色框中。绿色框具有绝对定位，并且克隆在放置点处具有偏移量。

拖放框一次就可以了，但是我无法拖放克隆和插入的新框，即使 Firebug 显示它具有 ui-draggable 类。

有没有人看到问题？

谢谢。

显然我需要显示一些代码，因为我引用了一个 jsfiddle：

<div id="red">
    <div id="box_green" class="green"></div>  
</div> 

Answer 1

没有直接的方法可以做到这一点。看一下这个。

    $('#orangeBox').draggable({
        opacity:'0.5', 
        helper:'clone',
        revert : 'invalid'
    });   
    $('#page').droppable({
        accept:'#orangeBox',
        drop: function( event, ui ) {
            $(this).after($(ui.helper).clone());
        }
    });

演示

Answer 2

我找到了答案。一旦您克隆了一个项目并将其放下 - 它不再绑定到可拖动功能，因此将最后一行更改为

.prependTo('#red').draggable({opacity:'0.5', helper:'clone'});

成功了。