JQuery draggable - разрешить вложение в несколько контейнеров?

Question

Я бы хотел, чтобы пользователи могли перетаскивать элемент из одного контейнера в другой, но при этом не могли перетаскивать элемент за пределы одного из этих двух контейнеров. У меня все работает отлично, кроме той части, где их можно перетащить в другой контейнер.

Просмотр кода и результата на JSFiddle.net

Я думал этот пост показался мне ответом, но мне он не показался.

Answer 1

Я добавил jQuery UI droppable к вашей скрипке.С небольшой настройкой я уверен, что вы сможете получить именно то, что вам нужно.

http://jsfiddle.net/U2nKh/20/

Answer 2

просто добавьте эти строки внутри перетаскиваемой функции следующим образом:

$("#drop").draggable({revert: 'invalid',
            start: function(){
                currentParent = $(this).parent().attr('id');
            }});