Jquery UI Draggable帶邊緣對齊

我正在開發一個項目，用戶可以在其中自定義自己的儀表板頁面。這意味着他們可以將組件拖放到頁面上並按照他們的喜好進行定位。Jquery UI Draggable帶邊緣對齊

爲了得到一個很好的佈局頁面，我希望組件互相對齊。在這一刻，我使用了snap：true屬性，它將組件緊挨着放置在一起。不過，我想在組件之間留出一些空間。因此，不是捕捉到另一個組件的確切位置，它必須捕捉另一個具有5像素間隙的組件。

有沒有辦法做到這一點？

2012-11-30 Jan Korf

一些選項思考：

裹在一個封閉元件的每個組件（例如DIV）爲2.5個像素的填充和透明背景，並使這些包圍元件將可拖動的。因此，當封閉元素咬合在一起時，您當前的元素將顯示爲已拼合在一起，但彼此之間的間距爲5像素。
訂閱可拖動項目上的「停止」事件並使用它手動將其重新定位到上述折斷後5像素的間隙已經結束
設置「可投放」元素以接受「拖動」組件，鋪設出來，以確保5像素的間隙被保留在每個

2012-11-30 11:18:59

我不得不之間同樣的問題。用10像素填充創建了一個容器div。花了一些修復手柄等，但現在它像一個魅力。謝謝。 –

我剛發現一個問題，現在你不能讓它們調整大小...... –

回答