Jquery UI 可拖动克隆消失

Question

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

查看此演示 Fiddle Link

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

我错过了什么？

Answer 1

我认为 helper: 'clone' 遇到了很多麻烦。当我也定义了一个 droppable 时，我总是让它工作。例如：

HTML:

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

JavaScript：

$('#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

Answer 2

也许有更简单的方法，但是通过 draggable 的数据，你可以定位一个 属性 来处理这个问题。像这样：

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

fiddle: http://jsfiddle.net/n10ucrLd/