Как перетащить клона?

Question

[Aleksandr]

Есть такой пример
codepen.io/anon/pen/RRJqrR
Подскажите, как перетащить клона? Точнее как сделать так, чтобы он остался в container?

Answer 1

[napa3um]

codepen.io/anon/pen/NAzmXZ
https://jqueryui.com/droppable/#photo-manager

$(".dragItem").resizable({
  maxHeight: 100,
  maxWidth: 100,
  minHeight: 50,
  minWidth: 50,
  aspectRatio: true
});

$('.dragItem').draggable({
  containment: '#container',
  helper: 'clone'
});

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

Comments

[Aleksandr]

и туда я тоже смотрел. Но совсем не разобрался

[Aleksandr]

napa3um: А так, чтобы можно было после перетаскивания еще таскать элементы?

[napa3um]

Дополнил ответ.

[napa3um]

Александр Котов: а что именно вызывает затруднение в самостоятельной реализации такого поведения?

[Aleksandr]

napa3um: у меня получалось несколько вариантов: 1) не ресайзится 2) в контейнере не драгается 3) создаются лишние элементы

[napa3um]

Александр Котов: www.site-do.ru/js/jquery11.php

[Aleksandr]

napa3um: Спасибо. Но все равно как-то не доходит. Смотри, при drag start я клонирую this элемент и добавляю его в parent. А как мне теперь удалить событие, чтобы при повторном клике по элементу, который я уже перетащил не срабатывало clone? Куда добавить .unbibd?