JQuery UI Draggable clone исчезает

Question

Я пытаюсь использовать jquery-ui draggable, чтобы сделать элемент перетаскиваемым. Я установил helper вариант clone текущий элемент.
Это делает клон правильно, но когда я бросаю, клон исчезает. Он не остается в затащенном месте.

Смотреть это для демо Fiddle Link

$('#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'. Мне всегда приходилось работать, когда я также определял 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