jQuery拖放-重新排序

Question

我有一些拖放操作，當有人將某個項目拖到放置區域時，我會發生的事情是將其余的可拖動對象移動到開放區域。 例如：

{A} {1}

{B} {2}

{C} {3}

如果將{3}拖動到{B}，它將鎖定在{B}上，然后{2}應該向下移動到{C}所在的位置...

任何想法如何實現這一目標？ 還* *可拖動的對象必須捕捉/鎖定到可放置區域。

Answer 1

好的，所以我終於能夠找到一個可行的解決方案。 如果有人感興趣，這就是我的工作：

首先，我創建了一堆拖放。 每個可拖動對象都有一個可放置區域。 然后，對於可拖動對象的定位，我創建了一個變量來存儲不同的位置（基於obj高度和邊距等。可拖動對象具有絕對位置，這是基於父級DIV完成的。）稍后獲得位置時，可以使用它們來重新放置對象。

然后，我為droppables創建了drop函數，以便在放置對象后，它將記錄放置對象的位置，並將其放置在已占用的位置數組中。 因此，如果我在[步驟2]上放了東西，並且從頂部向下放了220px，那么我將其記錄在數組中。 然后，緊隨其后，我檢查所有對象以查看哪些對象已刪除。 這樣我就知道可以移動哪些對象。

現在，我有了可以移動的對象以及可用的位置。 然后，我簡單地瀏覽未移動的空白點和對象的列表，然后將它們替換為空白位置。 而是嘗試僅在element上重新定位。 基本上，我將重新定位所有內容，無論是否可以開始。

我希望這可以幫助別人。