2015-04-28 94 views
0

我試圖找到一個更好的解決方案,一次拖動多個元素,所有元素捕捉到一個網格,與jQuery UI可拖動。使用jQuery Draggable與網格和多個可拖動元素

我發現一個工作解決方案there爲多重拖動部分。我調整它可以使用具有「從一個到多個」功能的網格:

function roundM(number, multiple) { 
    return Math.round(number/multiple) * multiple; 
} 

並保存以前的偏移量。您可以在fiddle中看到完整的代碼。

正如您所看到的,當您以正常速度拖動元素時,它正在工作,但在快速拖動時,其他元素不會正確地跟隨拖動的元素。

現在我可以保持我的解決方案,但如果有人有更好的一個,我會很高興,以測試它:)

感謝

回答

1

看一看:https://jqueryui.com/draggable/#visual-feedback

創建Helper函數導致Html表示您選擇的項目,並在設置可拖動項時將其用作「視覺反饋」。

+0

請儘量避免僅鏈接的答案。如果鏈接斷開,您的答案對於未來的觀衆來說就變得毫無用處。您也可以在自己的回答中添加一些代碼,或將該鏈接作爲評論發佈。 –

+0

當然,我會嘗試詳細闡述解決方案... – user1514042

+0

這是一個好主意! 但是我的元素比jsFiddle的正方形更復雜,並且在移動它們時用戶有助手而不是他們的小部件會令人困惑。 順便說一句,感謝您的想法,我會保持它的情況下沒有更好的解決方案 – Finrod

相關問題