使用带有网格和多个可拖动元素的 jQuery 可拖动

Question

我正在尝试找到一个更好的解决方案来一次拖动多个元素，所有元素都对齐到一个网格，jQuery UI 可拖动。

我为多拖动部分找到了一个可行的解决方案 there。我对其进行了调整，以便能够使用带有 "round to multiple" 函数的网格：

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

并保存之前的偏移量。您可以在 fiddle.

中查看完整代码

如您所见，当您以正常速度拖动元素时，它可以正常工作，但是当快速拖动时，其他元素不会正确跟随被拖动的元素。

现在我可以保留我的解决方案，但如果有人有更好的解决方案，我会很乐意测试它:)

谢谢

Answer 1

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

创建一个辅助函数，使 Html 代表您选择的项目，并在设置可拖动对象时将其用作 'visual feedback'。