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());
        }
    });

<强> DEMO

Answer 2

我找到了答案。克隆一个项目并将其删除后 - 它不再绑定到可拖动函数，因此将最后一行更改为

.prependTo（'＃red'）。draggable（{opacity：'0.5'，helper：'clone'}）;

诀窍。

无法拖动已拖动的元素

2 个答案: