jQuery UI регенерирует (зомби) перетаскиваемые элементы

Question

Я хотел бы знать, как создавать перетаскиваемые элементы с помощью пользовательского интерфейса jQuery, чтобы после их перетаскивания в другой контейнер восстанавливать тот же элемент. Например, я могу перетащить кнопку из контейнера A в контейнер B, и как только я это сделаю, та же самая кнопка (клон) вновь появится в контейнере A.

Заранее спасибо.

Answer 1

Правильный способ сделать это - добавить или добавить новый элемент к существующему якору.

var newElement = $("<div id='home'></div>").draggable( { snap: '.droppable', revert: 'invalid' } );
    $("#homearea").append(newElement);

Answer 2

Прослушивание события выпадения с пользовательской функцией:

$('.selector').droppable({
   drop: function(event, ui) { ... }
});

Когда предмет упал в новый контейнер, вставьте клон в исходный контейнер. Вы можете создавать новые элементы, используя jQery:

var listItem = $("<li></li>");

Ссылки:

• Документация по интерфейсу пользователя
• jQuery core