jqueryUI: перетащить элемент из диалога и перейти на главную страницу?

Question

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

В настоящее время я использую jqueryUI «сортируемый» плагин для рабочей области и jqueryUI «диалог» плагин для палитры.

Однако я не могу перетащить что-то из диалоговое окно и на главной странице.При попытке перетаскиваемый элемент исчезает, когда он пересекает границу диалога (что имеет смысл).Что я могу изменить, чтобы элементы оставались видимыми, когда я перетаскиваю их из палитры и позволяют мне перетаскивать их в основное рабочее пространство?

Кроме того, есть ли какие-либо плагины jquery, которые предлагаютэтот вид палитры drag-n-drop как основной элемент?

Answer 1

Если перетаскивание элементов из палитры дублирует их, не удаляя их из палитры , тогда ответом является опция appendTo плагина . Это указывает контейнер для использования во время перетаскивания. В моем случае я создал новый div вне границ диалога и указал его как контейнер для перетаскивания. Это позволяет элементу быть наркотиком за пределами диалогового окна.

Чтобы переместить элементы из палитры в рабочее пространство , я использовал приемы из этого аналогичного вопроса SO .