javascript - interactJS 克隆节点并动态切换 snap

Question

当通过 Interact JS 输入某个 div 时，如何动态切换 snap 功能。我想在输入 div 后立即启用捕捉，并在有人离开 div 后立即禁用。

我目前的方法是在这个沙箱中，但是 CSS 被破坏了（不知道如何修复它是从这里获取的https://interactjs.io/docs/faq/#clone-target-draggable）

const snap = interact.modifiers.snap({
  targets: [interact.snappers.grid({ x: 30, y: 30 })],
  range: Infinity,
  relativePoints: [{ x: 0, y: 0 }]
});
snap.disable();
// on enter div -> snap.enable();

正如您可能在图片中看到的那样，当我动态启用/禁用快照时，div 并没有真正对齐，因为它们的输入点似乎不同。

我的目标是像这里一样正确对齐它们

标签： javascriptcssinteractjs