javascript - 将 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，并在设置可拖动项时将其用作“视觉反馈”。