JQuery UI Перетаскиваемый клон исчезает

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

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

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

Что мне не хватает?

Источник

2 ответа

Решение

Там может быть более простой способ, но с помощью данных перетаскивания, вы можете выбрать свойство, которое имеет дело с этим. Как это:

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

скрипка: http://jsfiddle.net/n10ucrLd/

Источник

Я думаю, что было много проблем с helper: 'clone', Я всегда заставлял это работать, когда я определял также капли. Например:

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

Источник
Другие вопросы по тегам