Пользовательский интерфейс jQuery помещает элементы в другие контейнеры

Question

Я ищу хороший способ поставить <li> входит в другие <ul> контейнер.Ключ к разгадке заключается в том, что когда <li> элемент отбрасывается в его исходное положение <ul> он должен быть возвращен в исходное место.Я не хочу, чтобы они были сортируемыми.Когда он будет удален из другого списка, его следует добавить к этому <ul>.

Я использую сортируемый плагин с опцией "connectWith:", но он работает не так, как я хочу.

У вас есть какие-то идеи, как это могло бы сработать?Или какой плагин лучше подходит для этой идеи.

Answer 1

Возможно, вам потребуется сохранить некоторые метаданные об исходном позиционировании с помощью attrs на вашем li или jquery .data() jquery .data() метод, а затем прибегать к списку "вручную" при срабатывании события drop:

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

Answer 2

Не могли бы вы просто использовать перетаскиваемые утилиты вместо сортируемых?