Question

假设我有一个带有可拖动元素的面板，

和droppable容器，当我将元素拖入容器时，

<div id="panel">
    <div class="square"></div>  
</div>
<div id="canvas"></div>

我想克隆可拖动元素，但问题是，重新定位信息也可以复制

那么我怎样才能让克隆人留在鼠标停留位置？这是我的代码

$('.square').draggable({
        revert:"valid"
});
$('#canvas').droppable({
    drop: function (e, ui) {
        $(ui.draggable).clone().appendTo($(this));
    }
})

这里是示例http://jsfiddle.net/AN5gt/

Answer 1

我建议删除还原以使动画更逼真。

    $('.square').draggable({  
      helper:"clone"  
    });  

    $('#canvas').droppable({  
      drop: function(e, ui){  
        $(ui.draggable).clone().appendTo($(this));  
      }  
    })

Answer 2

嗯，首先我要感谢你提出这个问题，它解决了我自己的一个问题。

我想创建文件夹树中列出的物理文件的链接。即对于图片库，我显示完整的文件夹树列表，并希望管理员拖动图像并放入图库。

这就是我所做的。

$('.square').draggable({
    revert:"valid",
    helper:"clone"
});
$('#canvas').droppable({
    drop: function (e, ui) {
        $(ui.draggable).clone().appendTo($(this));
    }
})

在jquery drop UI中，如何使用正确的鼠标位置将拖动元素克隆到放置位置？

2 个答案: