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

时间:2015-04-28 08:31:30

标签: javascript jquery jquery-ui jquery-ui-draggable

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

我为多个拖动部件找到了工作解决方案there。我将其改编为能够使用具有“round to multiple”功能的网格:

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

并保存以前的偏移量。您可以在此fiddle中看到完整的代码。

正如您所看到的,当您以正常速度拖动元素时它会起作用,但是当快速拖动时,其他元素无法正确跟随拖动的元素。

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

由于

1 个答案:

答案 0 :(得分:1)

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

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