jquery实现拖拉复制效果（draggalbe+droppable）

Question

我要做一个类似YOKA百搭平台的Demo。
参考链接 http://baida.yoka.com/editor/
测试用户名： csdn 密码:111111
实现类似它那样 选择一个图片 拖拉复制到新区域 并保存效果。
技术我想使用jquery UI。draggable + droppable
draggable里有helper:'clone' 这个属性。无法实现我复制的效果，下面是我的代码 <SCRIPT>
$(function() {
$( "#draggable" ).draggable({revert: 'invalid',opacity: 0.7,helper: 'clone' });
$("#droppable").droppable( {
drop: function( event, ui ) {
var top =  ui.position.top;
var left = ui.position.left;
               //  $(this).html(ui.helper.html());  注释A }

    });
});
注释A 是因为只有拖拉复制假效果 却无法再新的位置保存一份副本，所以用注释A方法。如果用此方法，还必须设置位置，位置我用ui.position取到了。但是不知道如何设置位置？

Answer 1

来报告下吧。。现在我做到了能拖拉进去。位置计算基本正确。（虽然用的方法不是很好，后面我可以自己改）
$(function() {
$( "#draggable" ).draggable({
   revert: 'invalid',opacity: 0.7,helper: 'clone'
});
$("#droppable").droppable( {
deactivate: function( event, ui ) {
var top = ui.offset.top;
top=top-$("#droppable").offset().top;
var left = ui.offset.left;
left=left-$("#droppable").offset().left;
        $(this).append(ui.helper.html());
    $(this).css({'position':'absolute','padding-top':top,'padding-left':left});

}

    });

});
现在要让那个拖进droppable层的那个层又重新能拖动。。怎么实现？

Answer 2

这个方法有个BUG。在拖一半的时候会报错。。 怎么就没高手来呢 我郁闷啊。。

Answer 3

楼主把此功能实现了吗 我现在想做一个和你那个百搭编辑器一样效果的 也用jquery ui 但是复制搞不定 请高手指点