Drag and drop with cloning 2?

Question

[Aleksandr]

Здравствуйте. Нужна помощь
есть такой код codepen.io/anon/pen/WxKxOE
как видите при добавление элемента в контейнер все более менее нормально, но вот когда я хочу поперетаскивать тот элемент, начинают спавниться новые и это понятно. но я никак не могу допереть как пофиксить. Подскажите пожалуйста

Answer 1

[S3Ga]

Вы хотите чтобы элемент снизу перетаскивался, а не копировался?
тогда замените в вашем коде строку
ui.draggable.clone().appendTo(this).draggable();
на
ui.draggable.appendTo(this).draggable();
Метод clone() как раз и отвечает за копирование элемента

Comments

[Aleksandr]

Не.. Мне нужно, чтобы элемент перетаскивался именно так как в примере. Но чтоб, когда я таскаю элемент уже перетащенный, он не клонировался

[Aleksandr]

S3Ga Ну тогда на том месте, с которого мы перетаскивали не остается элемент, а мне нужно, чтобы был

[OVK2015]

Александр Котов:

Ну тогда на том месте, с которого мы перетаскивали не остается элемент, а мне нужно, чтобы был

Посмотрите на revert и helper в draggable

[Aleksandr]

OVK2015: Как вы можете заметить helper используется в данном примере

[OVK2015]

Александр Котов: Так, а чего вы ожидаете? Вы клон, а не оригинал тянете

[Aleksandr]

OVK2015: Смотрите) я хочу, чтобы перетаскивая этот клон в контейнер он оставался в контейнере и при этом можно было его тоже таскать, но так, чтобы он не создавал клонов

[OVK2015]

Александр Котов: Скорее всего, вы сами себя запутываете. helper: 'clone' создает вам копию(клон) перетаскиваемого эл-та. Т.е., оригинал объекта остается на месте, а перетягиваете вы созданный на момент dragstart его клон. А оригинал как был, так останется после dragend внутри DOM документа

[Aleksandr]

OVK2015: Я понимаю это. Мне нужно, реализовать "примерочную", где человек к примеру загружает фотку комнаты и хочет примерить например кресло. И вот у него на панельке есть кресло, он дергает и подставляет куда нужно, но что, если он еще одно кресло хочет поставить? Вот мне нужно, чтобы он хоть 100500 кресел мог поставить и при этом те, что уже в контейнере он мог переставлять. Идея ясна?

[OVK2015]

Александр Котов:

Идея ясна?

не совсем.

Мне нужно, реализовать "примерочную", где человек к примеру загружает фотку комнаты и хочет примерить например кресло. И вот у него на панельке есть кресло, он дергает и подставляет куда нужно

Для начала, с такой задумкой,- вам нужно эту "комнату" покрыть квадратами/зонами для droppable мест.
А кол-во эл-ов в списке draggable эл-ов здесь погоду не делает. За каждым из них одинаковый код стоит.

[Aleksandr]

OVK2015: не совсем понимаю, для чего покрывать квадратами? у вас есть скайп или вк? давайте я туда лучше отпишу вам с примером

[OVK2015]

Александр Котов:

не совсем понимаю, для чего покрывать квадратами?

А куда вы из списков эл-ты перетаскивать планируте? На ?
ICQ в профиле.
Сейчас найду свою похожую затею