У меня есть div, в котором применяется jQuery UI Draggable. То, что я хочу сделать, - щелкнуть и перетащить это, и создать клон, который хранится в dom и не удаляться при удалении.
Подумайте о колоде карт, мой элемент коробки - это колода, и я хочу вытащить карты из этой колоды и уложить их на мою страницу, но они будут клонами оригинального div. Я просто хочу убедиться, что вы не можете создать другой клон одного из клонированных div.
Я использовал следующее, которое не срабатывало, как я хотел:
$(".box").draggable({
axis: 'y',
containment: 'html',
start: function(event, ui) {
$(this).clone().appendTo('body');
}
});
Я понял свое решение:
$(".box-clone").live('mouseover', function() {
$(this).draggable({
axis: 'y',
containment: 'html'
});
});
$(".box").draggable({
axis: 'y',
containment: 'html',
helper: 'clone'
stop: function(event, ui) {
$(ui.helper).clone(true).removeClass('box ui-draggable ui-draggable-dragging').addClass('box-clone').appendTo('body');
}
});