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

Question

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

我为多重拖动部分找到了一个有效的解决方案there。我对其进行了调整，以便能够将网格与“四舍五入”功能一起使用：

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

并保存之前的偏移量。你可以在这个fiddle看到完整的代码。

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

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

谢谢

Answer 1

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

创建一个帮助函数，生成 Html 代表您选择的项目，并在设置您的可拖动项时将其用作“视觉反馈”。