jQuery UI可拖动克隆消失

Question

我正在尝试使用jquery-ui draggable来使某些元素可拖动。 我设置了helper选项来clone当前元素。
它正确地制作了克隆，但是当我放下克隆时，它消失了。 它不会停留在拖动的位置。

观看此演示小提琴链接

$('#drag').draggable({
helper: function (e, ui) {
    return $(this).clone();
}
});

我想念什么？

Answer 1

也许有一种更简单的方法，但是通过可拖动的数据，您可以定位与此属性相关的属性。 像这样：

stop : function(e, ui){
         $('#drag').draggable().data()["ui-draggable"].cancelHelperRemoval = true;
    }

小提琴： http ： //jsfiddle.net/n10ucrLd/

Answer 2

我认为helper: 'clone'存在很多麻烦helper: 'clone' 。 当我还定义了一个droppable时，我总能使其正常工作。 例如：

HTML：

<div id="drag">Drag This</div>
<div class="container"></div>

JavScript：

$('#drag').draggable({
helper: function (e, ui) {
    return $(this).clone(true);
}
});

 $( ".container" ).droppable({
    drop: function (event, ui) {
       ui.draggable.clone().appendTo($(this)).draggable();
    }
 });

实时示例： http : //jsbin.com/vibeqaganu/1/edit?html,css,js,output