jqueryUI：將對話框中的元素拖放到主頁面上？

Question

我正在嘗試創建一個由工作區和「調色板」組成的拖放系統。該工作空間目前由可重新訂購的列表項組成，我希望調色板是一個浮動窗口，我可以從中拖動項目並將它們添加到工作區中的特定位置。

我目前使用的jQueryUI的「排序」插件工作區和jQueryUI的「對話」插件調色板。

但是，我不能將的東西拖出的對話框和到的主頁面。當我嘗試時，被拖動的項目在跨越對話框的邊界時消失（這很有意義）。我可以更改哪些項目，以便在將它們拖出調色板和時允許我將它們放到主工作區中？

或者，有沒有任何jQuery插件提供這種拖放式調色板作爲主要功能？

Answer 1

如果從複製他們的調色板拖動項目，而不從調色板中刪除，那麼答案是draggable plugin的appendTo選項。這指定了在拖動過程中使用的容器。在我的情況下，我在對話框邊界外創建了一個新的div，並將其指定爲拖動容器。這允許元素超出對話窗口的界限。

要移動從調色板項目拖動到工作空間，我用從這個similar SO question的技術。